{"id":122,"date":"2025-12-03T13:43:18","date_gmt":"2025-12-03T13:43:18","guid":{"rendered":"https:\/\/caring-white-sloth.37-148-201-198.cpanel.site\/Twizatino\/?page_id=122"},"modified":"2026-01-07T10:26:18","modified_gmt":"2026-01-07T10:26:18","slug":"about","status":"publish","type":"page","link":"https:\/\/twizatino.com\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"122\" class=\"elementor elementor-122\">\n\t\t\t\t<div class=\"elementor-element elementor-element-031c6ac e-con-full e-flex e-con e-parent\" data-id=\"031c6ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f80f73a elementor-widget elementor-widget-html\" data-id=\"f80f73a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Section 1: Title Section - UPDATED GOLD COLORS -->\r\n<div class=\"title-section\">\r\n  <div class=\"title-background\">\r\n    <!-- Shimmering particles -->\r\n    <div class=\"shimmer-particles\">\r\n      <div class=\"particle s1\"><\/div>\r\n      <div class=\"particle s2\"><\/div>\r\n      <div class=\"particle s3\"><\/div>\r\n      <div class=\"particle s4\"><\/div>\r\n      <div class=\"particle s5\"><\/div>\r\n      <div class=\"particle s6\"><\/div>\r\n      <div class=\"particle s7\"><\/div>\r\n      <div class=\"particle s8\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Geometric pattern overlay -->\r\n    <div class=\"geometric-pattern\"><\/div>\r\n    \r\n    <!-- Light beams -->\r\n    <div class=\"light-beam lb1\"><\/div>\r\n    <div class=\"light-beam lb2\"><\/div>\r\n    <div class=\"light-beam lb3\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"title-content\">\r\n    <!-- Main title with shimmer effect -->\r\n    <h1 class=\"main-title\">\r\n      <span class=\"title-word word1\" data-text=\"About\">About<\/span>\r\n      <span class=\"title-word word2\" data-text=\"Twizatino\">Twizatino<\/span>\r\n      <span class=\"title-word word3\" data-text=\"Solutions Limited\">Solutions Limited<\/span>\r\n    <\/h1>\r\n    \r\n    <!-- Animated divider -->\r\n    <div class=\"title-divider\">\r\n      <div class=\"divider-line\"><\/div>\r\n      <div class=\"divider-sparkle\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Tagline -->\r\n    <p class=\"tagline\">\r\n      <span class=\"tagline-text\">Building Financial Futures<\/span>\r\n      <span class=\"tagline-year\">Since 2025<\/span>\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Title Section *\/\r\n.title-section {\r\n  background: linear-gradient(135deg, #f8f5f0 0%, #f0ebe3 100%);\r\n  min-height: 60vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 80px 20px;\r\n}\r\n\r\n.title-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Shimmering particles - UPDATED GOLD *\/\r\n.particle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(184, 137, 27, 0.6), transparent 70%); \/* Changed from D4AF37 to B8891B *\/\r\n  animation: particleFloat 20s infinite linear;\r\n  filter: blur(1px);\r\n}\r\n\r\n.s1 { width: 15px; height: 15px; top: 20%; left: 10%; animation-delay: 0s; }\r\n.s2 { width: 12px; height: 12px; top: 40%; left: 85%; animation-delay: -3s; }\r\n.s3 { width: 20px; height: 20px; top: 60%; left: 15%; animation-delay: -6s; }\r\n.s4 { width: 10px; height: 10px; top: 80%; left: 70%; animation-delay: -9s; }\r\n.s5 { width: 18px; height: 18px; top: 30%; left: 60%; animation-delay: -12s; }\r\n.s6 { width: 14px; height: 14px; top: 70%; left: 40%; animation-delay: -15s; }\r\n.s7 { width: 16px; height: 16px; top: 50%; left: 20%; animation-delay: -2s; }\r\n.s8 { width: 22px; height: 22px; top: 10%; left: 50%; animation-delay: -7s; }\r\n\r\n@keyframes particleFloat {\r\n  0% {\r\n    transform: translateY(0) translateX(0) rotate(0deg) scale(1);\r\n    opacity: 0.3;\r\n  }\r\n  25% {\r\n    transform: translateY(-100px) translateX(100px) rotate(90deg) scale(1.2);\r\n    opacity: 0.8;\r\n  }\r\n  50% {\r\n    transform: translateY(0) translateX(200px) rotate(180deg) scale(1);\r\n    opacity: 0.3;\r\n  }\r\n  75% {\r\n    transform: translateY(100px) translateX(100px) rotate(270deg) scale(0.8);\r\n    opacity: 0.6;\r\n  }\r\n  100% {\r\n    transform: translateY(0) translateX(0) rotate(360deg) scale(1);\r\n    opacity: 0.3;\r\n  }\r\n}\r\n\r\n\/* Geometric pattern - UPDATED GOLD *\/\r\n.geometric-pattern {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: \r\n    repeating-linear-gradient(\r\n      45deg,\r\n      transparent,\r\n      transparent 40px,\r\n      rgba(184, 137, 27, 0.05) 40px, \/* Changed from D4AF37 to B8891B *\/\r\n      rgba(184, 137, 27, 0.05) 41px, \/* Changed from D4AF37 to B8891B *\/\r\n      transparent 41px,\r\n      transparent 80px\r\n    ),\r\n    repeating-linear-gradient(\r\n      -45deg,\r\n      transparent,\r\n      transparent 40px,\r\n      rgba(184, 137, 27, 0.03) 40px, \/* Changed from D4AF37 to B8891B *\/\r\n      rgba(184, 137, 27, 0.03) 41px, \/* Changed from D4AF37 to B8891B *\/\r\n      transparent 41px,\r\n      transparent 80px\r\n    );\r\n  animation: patternShift 50s linear infinite;\r\n  opacity: 0.4;\r\n}\r\n\r\n@keyframes patternShift {\r\n  0% { background-position: 0 0; }\r\n  100% { background-position: 80px 80px; }\r\n}\r\n\r\n\/* Light beams - UPDATED GOLD *\/\r\n.light-beam {\r\n  position: absolute;\r\n  width: 300px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, \r\n    transparent,\r\n    rgba(184, 137, 27, 0.6), \/* Changed from D4AF37 to B8891B *\/\r\n    rgba(255, 216, 106, 0.8), \/* Changed from FFD700 to FFD86A *\/\r\n    rgba(184, 137, 27, 0.6), \/* Changed from D4AF37 to B8891B *\/\r\n    transparent\r\n  );\r\n  filter: blur(1px);\r\n  animation: beamSweep 15s linear infinite;\r\n}\r\n\r\n.lb1 { top: 20%; left: -300px; animation-delay: 0s; }\r\n.lb2 { top: 50%; left: -300px; animation-delay: -5s; }\r\n.lb3 { top: 80%; left: -300px; animation-delay: -10s; }\r\n\r\n@keyframes beamSweep {\r\n  0% { transform: translateX(0) rotate(45deg); opacity: 0; }\r\n  10% { opacity: 0.8; }\r\n  90% { opacity: 0.8; }\r\n  100% { transform: translateX(150vw) rotate(45deg); opacity: 0; }\r\n}\r\n\r\n\/* Title content *\/\r\n.title-content {\r\n  position: relative;\r\n  z-index: 10;\r\n  text-align: center;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.main-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 72px;\r\n  font-weight: 700;\r\n  margin-bottom: 40px;\r\n  perspective: 1000px;\r\n}\r\n\r\n.title-word {\r\n  display: inline-block;\r\n  margin: 0 15px;\r\n  position: relative;\r\n  color: #333;\r\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\/* Title shimmer effect - UPDATED GOLD *\/\r\n.title-word::before {\r\n  content: attr(data-text);\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    45deg,\r\n    #B8891B 0%,    \/* Changed from D4AF37 to B8891B *\/\r\n    #E6B325 25%,   \/* Changed from F6C94A to E6B325 *\/\r\n    #FFD86A 50%,   \/* Changed from FFD700 to FFD86A *\/\r\n    #E6B325 75%,   \/* Changed from F6C94A to E6B325 *\/\r\n    #B8891B 100%   \/* Changed from D4AF37 to B8891B *\/\r\n  );\r\n  background-size: 200% 200%;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  animation: shimmer 3s ease-in-out infinite;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.title-word:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.word1::before { animation-delay: 0s; }\r\n.word2::before { animation-delay: 0.2s; }\r\n.word3::before { animation-delay: 0.4s; }\r\n\r\n@keyframes shimmer {\r\n  0% {\r\n    background-position: 0% 50%;\r\n    opacity: 0;\r\n  }\r\n  50% {\r\n    background-position: 100% 50%;\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    background-position: 0% 50%;\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* Animated divider - UPDATED GOLD *\/\r\n.title-divider {\r\n  width: 200px;\r\n  height: 2px;\r\n  margin: 40px auto;\r\n  position: relative;\r\n}\r\n\r\n.divider-line {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, \r\n    transparent,\r\n    rgba(184, 137, 27, 0.3), \/* Changed from D4AF37 to B8891B *\/\r\n    rgba(184, 137, 27, 0.6), \/* Changed from D4AF37 to B8891B *\/\r\n    rgba(184, 137, 27, 0.3), \/* Changed from D4AF37 to B8891B *\/\r\n    transparent\r\n  );\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.divider-line::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, \r\n    transparent,\r\n    rgba(255, 255, 255, 0.8),\r\n    transparent\r\n  );\r\n  animation: shine 3s ease-in-out infinite;\r\n}\r\n\r\n.divider-sparkle {\r\n  position: absolute;\r\n  top: -5px;\r\n  left: 50%;\r\n  width: 12px;\r\n  height: 12px;\r\n  background: radial-gradient(circle, #FFD86A, #B8891B); \/* Changed from FFD700\/D4AF37 to FFD86A\/B8891B *\/\r\n  border-radius: 50%;\r\n  transform: translateX(-50%);\r\n  animation: sparkle 2s ease-in-out infinite;\r\n  box-shadow: 0 0 15px rgba(255, 216, 106, 0.8); \/* Changed from FFD700 to FFD86A *\/\r\n}\r\n\r\n@keyframes shine {\r\n  0% { transform: translateX(-100%); }\r\n  100% { transform: translateX(200%); }\r\n}\r\n\r\n@keyframes sparkle {\r\n  0%, 100% { \r\n    transform: translateX(-50%) scale(1);\r\n    opacity: 0.8;\r\n  }\r\n  50% { \r\n    transform: translateX(-50%) scale(1.3);\r\n    opacity: 1;\r\n    box-shadow: 0 0 25px rgba(255, 216, 106, 1); \/* Changed from FFD700 to FFD86A *\/\r\n  }\r\n}\r\n\r\n.tagline {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 20px;\r\n  color: #666;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.tagline-text {\r\n  font-weight: 300;\r\n  animation: textGlow 4s ease-in-out infinite;\r\n}\r\n\r\n.tagline-year {\r\n  font-weight: 600;\r\n  color: #B8891B; \/* Changed from D4AF37 to B8891B *\/\r\n  font-size: 18px;\r\n  animation: yearPulse 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes textGlow {\r\n  0%, 100% { opacity: 0.8; }\r\n  50% { opacity: 1; }\r\n}\r\n\r\n@keyframes yearPulse {\r\n  0%, 100% { \r\n    transform: scale(1);\r\n    color: #B8891B; \/* Changed from D4AF37 to B8891B *\/\r\n  }\r\n  50% { \r\n    transform: scale(1.05);\r\n    color: #E6B325; \/* Changed from F6C94A to E6B325 *\/\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .main-title {\r\n    font-size: 48px;\r\n  }\r\n  \r\n  .title-word {\r\n    margin: 0 8px;\r\n  }\r\n  \r\n  .tagline {\r\n    font-size: 16px;\r\n    letter-spacing: 2px;\r\n  }\r\n  \r\n  .title-divider {\r\n    width: 150px;\r\n  }\r\n  \r\n  .particle {\r\n    width: 10px !important;\r\n    height: 10px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .main-title {\r\n    font-size: 36px;\r\n  }\r\n  \r\n  .title-word {\r\n    display: block;\r\n    margin: 10px 0;\r\n  }\r\n  \r\n  .tagline {\r\n    font-size: 14px;\r\n    letter-spacing: 1px;\r\n  }\r\n  \r\n  .title-divider {\r\n    width: 100px;\r\n  }\r\n  \r\n  .particle {\r\n    width: 8px !important;\r\n    height: 8px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const titleWords = document.querySelectorAll('.title-word');\r\n  \r\n  \/\/ Add shimmer effect on load\r\n  titleWords.forEach((word, index) => {\r\n    setTimeout(() => {\r\n      word.style.opacity = '0';\r\n      setTimeout(() => {\r\n        word.style.transition = 'opacity 0.5s ease';\r\n        word.style.opacity = '1';\r\n      }, 100);\r\n    }, index * 300);\r\n  });\r\n  \r\n  \/\/ Add mouse move effect for particles\r\n  const particles = document.querySelectorAll('.particle');\r\n  \r\n  document.addEventListener('mousemove', function(e) {\r\n    const mouseX = e.clientX \/ window.innerWidth;\r\n    const mouseY = e.clientY \/ window.innerHeight;\r\n    \r\n    particles.forEach((particle, index) => {\r\n      const speed = 0.3;\r\n      const x = (mouseX * 100 - 50) * speed;\r\n      const y = (mouseY * 100 - 50) * speed;\r\n      \r\n      particle.style.transform = `translate(${x}px, ${y}px)`;\r\n    });\r\n  });\r\n  \r\n  \/\/ Add scroll effect for beams\r\n  window.addEventListener('scroll', function() {\r\n    const scrolled = window.pageYOffset;\r\n    const beams = document.querySelectorAll('.light-beam');\r\n    \r\n    beams.forEach((beam, index) => {\r\n      const speed = 0.5 + (index * 0.1);\r\n      const yPos = -(scrolled * speed);\r\n      beam.style.transform = `translateY(${yPos}px)`;\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-433584e e-con-full e-flex e-con e-parent\" data-id=\"433584e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41a2fe0 elementor-widget elementor-widget-spacer\" data-id=\"41a2fe0\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-348f01d e-con-full animated-slow e-flex e-con e-parent\" data-id=\"348f01d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3810ad8 elementor-widget elementor-widget-html\" data-id=\"3810ad8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Section 2: Who We Are Section -->\r\n<div class=\"who-we-are-section\">\r\n  <div class=\"section-background\">\r\n    <!-- Floating cards container -->\r\n    <div class=\"floating-cards\">\r\n      <div class=\"card-orbit orbit1\"><\/div>\r\n      <div class=\"card-orbit orbit2\"><\/div>\r\n      <div class=\"card-orbit orbit3\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Subtle grid pattern -->\r\n    <div class=\"subtle-grid\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"section-container\">\r\n    <!-- Section title -->\r\n    <div class=\"section-header\">\r\n      <h2 class=\"section-title\">\r\n        <span class=\"title-main\">Who We Are<\/span>\r\n        <span class=\"title-glow\"><\/span>\r\n      <\/h2>\r\n      <div class=\"section-divider\">\r\n        <div class=\"divider-dot dot1\"><\/div>\r\n        <div class=\"divider-dot dot2\"><\/div>\r\n        <div class=\"divider-dot dot3\"><\/div>\r\n      <\/div>\r\n      <div class=\"company-branding\">\r\n        <span class=\"company-name\">Twizatino Solutions Limited<\/span>\r\n        <span class=\"company-tagline\">Dedicated Financial Solutions<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- 3D Rotating Cards -->\r\n    <div class=\"cards-3d-container\">\r\n      <div class=\"cards-3d-track\">\r\n        <!-- Mission Card -->\r\n        <div class=\"card-3d-wrapper card-mission\">\r\n          <div class=\"card-3d\">\r\n            <div class=\"card-front\">\r\n              <div class=\"card-content\">\r\n                <h3 class=\"card-title\">Twizatino Mission<\/h3>\r\n                <p class=\"card-text\">To be a world-class institution offering financial services to women, youths, and SMEs while making an impact in the lives of others.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"card-back\">\r\n              <div class=\"card-content\">\r\n                <h3 class=\"card-title\">Our Approach<\/h3>\r\n                <div class=\"values-list\">\r\n                  <div class=\"value-item\">Customer- Focused<\/div>\r\n                  <div class=\"value-item\">Transparent Processes<\/div>\r\n                  <div class=\"value-item\">Innovative Solutions<\/div>\r\n                  <div class=\"value-item\">Economic Empowerment<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"card-glow\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Vision Card -->\r\n        <div class=\"card-3d-wrapper card-vision\">\r\n          <div class=\"card-3d\">\r\n            <div class=\"card-front\">\r\n              <div class=\"card-content\">\r\n                <h3 class=\"card-title\">Twizatino Vision<\/h3>\r\n                <p class=\"card-text\">To be a top lending institution reaching 1,000,000 customers by 2026 with focus on women (60%), youth (40%), SMEs (60%).<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"card-back\">\r\n              <div class=\"card-content\">\r\n                <h3 class=\"card-title\">Expansion Goals<\/h3>\r\n                <div class=\"values-list\">\r\n                  <div class=\"value-item\">Global Presence<\/div>\r\n                  <div class=\"value-item\">Digital Innovation<\/div>\r\n                  <div class=\"value-item\">Community Impact<\/div>\r\n                  <div class=\"value-item\">Sustainable Growth<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"card-glow\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Values Card -->\r\n        <div class=\"card-3d-wrapper card-values\">\r\n          <div class=\"card-3d\">\r\n            <div class=\"card-front\">\r\n              <div class=\"card-content\">\r\n                <h3 class=\"card-title\">Twizatino Values<\/h3>\r\n                <p class=\"card-text\">Integrity, Love and Service, Customer-focused, Excellence, Transforming Lives, Teamwork, and Innovation.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"card-back\">\r\n              <div class=\"card-content\">\r\n                <h3 class=\"card-title\">Core Principles<\/h3>\r\n                <div class=\"values-list\">\r\n                  <div class=\"value-item\">Integrity & Transparency<\/div>\r\n                  <div class=\"value-item\">Love & Service<\/div>\r\n                  <div class=\"value-item\">Customer-Focused<\/div>\r\n                  <div class=\"value-item\">Excellence <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"card-glow\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Card navigation indicators -->\r\n      <div class=\"card-indicators\">\r\n        <div class=\"indicator active\" data-card=\"0\"><\/div>\r\n        <div class=\"indicator\" data-card=\"1\"><\/div>\r\n        <div class=\"indicator\" data-card=\"2\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Who We Are Section *\/\r\n.who-we-are-section {\r\n  background: linear-gradient(135deg, #ffffff 0%, #f9f7f3 100%);\r\n  min-height: 100vh;\r\n  padding: 100px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.section-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Floating orbits - STANDARDIZED GOLD COLORS *\/\r\n.floating-cards {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.card-orbit {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  border: 2px dashed rgba(184, 137, 27, 0.2); \/* B8891B *\/\r\n  animation: orbitRotate 40s infinite linear;\r\n}\r\n\r\n.orbit1 {\r\n  width: 400px;\r\n  height: 400px;\r\n  top: 10%;\r\n  left: -100px;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.orbit2 {\r\n  width: 600px;\r\n  height: 600px;\r\n  top: 50%;\r\n  right: -150px;\r\n  animation-delay: -10s;\r\n}\r\n\r\n.orbit3 {\r\n  width: 300px;\r\n  height: 300px;\r\n  bottom: 10%;\r\n  left: 50%;\r\n  animation-delay: -20s;\r\n}\r\n\r\n@keyframes orbitRotate {\r\n  0% { transform: rotate(0deg); }\r\n  100% { transform: rotate(360deg); }\r\n}\r\n\r\n.card-orbit::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -2px;\r\n  left: 50%;\r\n  width: 8px;\r\n  height: 8px;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: linear-gradient(45deg, #B8891B, #E6B325, #FFD86A);\r\n  border-radius: 50%;\r\n  transform: translateX(-50%);\r\n  animation: orbitDot 20s infinite linear;\r\n  box-shadow: 0 0 10px rgba(184, 137, 27, 0.4); \/* B8891B *\/\r\n}\r\n\r\n@keyframes orbitDot {\r\n  0% { transform: translateX(-50%) rotate(0deg) translateY(-200px) rotate(0deg); }\r\n  100% { transform: translateX(-50%) rotate(360deg) translateY(-200px) rotate(-360deg); }\r\n}\r\n\r\n\/* Subtle grid - STANDARDIZED GOLD COLORS *\/\r\n.subtle-grid {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: \r\n    linear-gradient(rgba(184, 137, 27, 0.03) 1px, transparent 1px), \/* B8891B *\/\r\n    linear-gradient(90deg, rgba(184, 137, 27, 0.03) 1px, transparent 1px); \/* B8891B *\/\r\n  background-size: 50px 50px;\r\n  animation: gridFloat 60s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n@keyframes gridFloat {\r\n  0% { background-position: 0 0; }\r\n  100% { background-position: 50px 50px; }\r\n}\r\n\r\n\/* Section container *\/\r\n.section-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n\/* Company Branding - STANDARDIZED GOLD COLORS *\/\r\n.company-branding {\r\n  text-align: center;\r\n  margin-top: 20px;\r\n}\r\n\r\n.company-name {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  background: linear-gradient(45deg, #B8891B, #E6B325, #FFD86A); \/* 3D Cube gold colors *\/\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  display: block;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.company-tagline {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n  color: #B8891B; \/* 3D Cube primary gold *\/\r\n  font-weight: 500;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Section header *\/\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.section-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 48px;\r\n  font-weight: 700;\r\n  color: #333;\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.title-glow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 100%;\r\n  height: 100%;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: linear-gradient(45deg, #B8891B, #E6B325, #FFD86A, #E6B325, #B8891B);\r\n  background-size: 200% 200%;\r\n  filter: blur(15px);\r\n  opacity: 0;\r\n  z-index: -1;\r\n  animation: glowPulse 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes glowPulse {\r\n  0%, 100% { opacity: 0; }\r\n  50% { opacity: 0.2; }\r\n}\r\n\r\n.section-divider {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  margin-top: 30px;\r\n}\r\n\r\n.divider-dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: linear-gradient(45deg, #B8891B, #E6B325);\r\n  animation: dotPulse 2s ease-in-out infinite;\r\n  opacity: 0.8;\r\n}\r\n\r\n.dot1 { animation-delay: 0s; }\r\n.dot2 { animation-delay: 0.3s; }\r\n.dot3 { animation-delay: 0.6s; }\r\n\r\n@keyframes dotPulse {\r\n  0%, 100% { transform: scale(1); opacity: 0.5; }\r\n  50% { transform: scale(1.3); opacity: 1; }\r\n}\r\n\r\n\/* 3D Cards Container *\/\r\n.cards-3d-container {\r\n  perspective: 1500px;\r\n  height: 400px;\r\n  margin-bottom: 80px;\r\n  position: relative;\r\n}\r\n\r\n.cards-3d-track {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  transform-style: preserve-3d;\r\n  animation: cardsRotation 30s infinite linear;\r\n}\r\n\r\n@keyframes cardsRotation {\r\n  0% { transform: rotateY(0deg); }\r\n  100% { transform: rotateY(360deg); }\r\n}\r\n\r\n\/* Individual card wrapper *\/\r\n.card-3d-wrapper {\r\n  position: absolute;\r\n  width: 280px;\r\n  height: 350px;\r\n  left: 50%;\r\n  top: 50%;\r\n  margin-left: -140px;\r\n  margin-top: -175px;\r\n  transform-style: preserve-3d;\r\n  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.card-3d-wrapper:hover {\r\n  animation-play-state: paused;\r\n  transform: translateZ(80px) rotateY(180deg) scale(1.05);\r\n}\r\n\r\n.card-mission { transform: rotateY(0deg) translateZ(450px); }\r\n.card-vision { transform: rotateY(120deg) translateZ(450px); }\r\n.card-values { transform: rotateY(240deg) translateZ(450px); }\r\n\r\n\/* Card styling - STANDARDIZED BORDER COLORS *\/\r\n.card-3d {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  transform-style: preserve-3d;\r\n  transition: transform 0.6s;\r\n}\r\n\r\n.card-front, .card-back {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  backface-visibility: hidden;\r\n  border-radius: 20px;\r\n  padding: 40px 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n  background: white;\r\n  border: 1px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n}\r\n\r\n.card-back {\r\n  transform: rotateY(180deg);\r\n  background: linear-gradient(135deg, #faf8f3, #f5f2eb);\r\n  border: 1px solid rgba(184, 137, 27, 0.15); \/* B8891B *\/\r\n}\r\n\r\n.card-glow {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: linear-gradient(45deg, transparent, rgba(184, 137, 27, 0.08), rgba(230, 179, 37, 0.08), transparent);\r\n  filter: blur(5px);\r\n  z-index: -1;\r\n  animation: cardGlow 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cardGlow {\r\n  0%, 100% { opacity: 0.3; }\r\n  50% { opacity: 0.5; }\r\n}\r\n\r\n\/* Card content *\/\r\n.card-content {\r\n  width: 100%;\r\n}\r\n\r\n.card-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 28px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  margin-bottom: 25px;\r\n  position: relative;\r\n}\r\n\r\n.card-title::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -10px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 40px;\r\n  height: 2px;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: linear-gradient(90deg, #B8891B, #E6B325, #FFD86A);\r\n}\r\n\r\n.card-text {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  color: #666;\r\n  margin-top: 20px;\r\n}\r\n\r\n.values-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n  margin-top: 25px;\r\n}\r\n\r\n.value-item {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 15px;\r\n  color: #555;\r\n  padding: 10px;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: rgba(184, 137, 27, 0.04); \/* B8891B *\/\r\n  border-radius: 8px;\r\n  border-left: 3px solid #B8891B; \/* 3D Cube primary gold *\/\r\n  text-align: left;\r\n  padding-left: 15px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.value-item:hover {\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: rgba(184, 137, 27, 0.08); \/* B8891B *\/\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Card indicators - STANDARDIZED GOLD COLORS *\/\r\n.card-indicators {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 15px;\r\n  margin-top: 40px;\r\n}\r\n\r\n.indicator {\r\n  width: 12px;\r\n  height: 12px;\r\n  border-radius: 50%;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: rgba(184, 137, 27, 0.2); \/* B8891B *\/\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n}\r\n\r\n.indicator.active {\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: linear-gradient(45deg, #B8891B, #E6B325);\r\n  transform: scale(1.3);\r\n}\r\n\r\n.indicator::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -4px;\r\n  left: -4px;\r\n  right: -4px;\r\n  bottom: -4px;\r\n  border-radius: 50%;\r\n  border: 2px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.indicator:hover::after {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .card-mission { transform: rotateY(0deg) translateZ(350px); }\r\n  .card-vision { transform: rotateY(120deg) translateZ(350px); }\r\n  .card-values { transform: rotateY(240deg) translateZ(350px); }\r\n  \r\n  .cards-3d-container {\r\n    height: 350px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .section-title {\r\n    font-size: 36px;\r\n  }\r\n  \r\n  .company-name {\r\n    font-size: 22px;\r\n  }\r\n  \r\n  .company-tagline {\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .cards-3d-container {\r\n    height: 300px;\r\n    perspective: 1000px;\r\n  }\r\n  \r\n  .card-3d-wrapper {\r\n    width: 220px;\r\n    height: 280px;\r\n    margin-left: -110px;\r\n    margin-top: -140px;\r\n  }\r\n  \r\n  .card-mission { transform: rotateY(0deg) translateZ(250px); }\r\n  .card-vision { transform: rotateY(120deg) translateZ(250px); }\r\n  .card-values { transform: rotateY(240deg) translateZ(250px); }\r\n  \r\n  .card-front, .card-back {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .card-title {\r\n    font-size: 22px;\r\n  }\r\n  \r\n  .card-text {\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .value-item {\r\n    font-size: 13px;\r\n  }\r\n  \r\n  .orbit1, .orbit2, .orbit3 {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-title {\r\n    font-size: 28px;\r\n  }\r\n  \r\n  .company-name {\r\n    font-size: 18px;\r\n  }\r\n  \r\n  .company-tagline {\r\n    font-size: 12px;\r\n  }\r\n  \r\n  .cards-3d-container {\r\n    height: 250px;\r\n  }\r\n  \r\n  .card-3d-wrapper {\r\n    width: 180px;\r\n    height: 230px;\r\n    margin-left: -90px;\r\n    margin-top: -115px;\r\n  }\r\n  \r\n  .card-mission { transform: rotateY(0deg) translateZ(180px); }\r\n  .card-vision { transform: rotateY(120deg) translateZ(180px); }\r\n  .card-values { transform: rotateY(240deg) translateZ(180px); }\r\n  \r\n  .card-front, .card-back {\r\n    padding: 20px 15px;\r\n  }\r\n  \r\n  .card-title {\r\n    font-size: 18px;\r\n    margin-bottom: 15px;\r\n  }\r\n  \r\n  .card-text {\r\n    font-size: 12px;\r\n  }\r\n  \r\n  .value-item {\r\n    font-size: 11px;\r\n    padding: 8px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Cards rotation control\r\n  const cardsTrack = document.querySelector('.cards-3d-track');\r\n  const indicators = document.querySelectorAll('.indicator');\r\n  const cardWrappers = document.querySelectorAll('.card-3d-wrapper');\r\n  let currentCard = 0;\r\n  let isAutoRotating = true;\r\n  \r\n  \/\/ Pause rotation on hover\r\n  cardWrappers.forEach(wrapper => {\r\n    wrapper.addEventListener('mouseenter', function() {\r\n      cardsTrack.style.animationPlayState = 'paused';\r\n      isAutoRotating = false;\r\n    });\r\n    \r\n    wrapper.addEventListener('mouseleave', function() {\r\n      \/\/ Resume after a delay if user is done reading\r\n      setTimeout(() => {\r\n        if (!isAutoRotating) {\r\n          cardsTrack.style.animationPlayState = 'running';\r\n          isAutoRotating = true;\r\n        }\r\n      }, 2000);\r\n    });\r\n    \r\n    \/\/ Flip card on click for mobile\r\n    wrapper.addEventListener('click', function() {\r\n      this.classList.toggle('flipped');\r\n    });\r\n  });\r\n  \r\n  \/\/ Update indicators as cards rotate\r\n  function updateIndicators() {\r\n    const rotation = parseInt(getComputedStyle(cardsTrack).transform.split(',')[4] || 0);\r\n    currentCard = Math.abs(Math.round(rotation \/ 120)) % 3;\r\n    \r\n    indicators.forEach((indicator, index) => {\r\n      indicator.classList.toggle('active', index === currentCard);\r\n    });\r\n  }\r\n  \r\n  \/\/ Manual card selection via indicators\r\n  indicators.forEach(indicator => {\r\n    indicator.addEventListener('click', function() {\r\n      const targetCard = parseInt(this.dataset.card);\r\n      const rotation = -targetCard * 120;\r\n      \r\n      cardsTrack.style.animation = 'none';\r\n      cardsTrack.style.transform = `rotateY(${rotation}deg)`;\r\n      \r\n      \/\/ Update indicators\r\n      indicators.forEach((ind, idx) => {\r\n        ind.classList.toggle('active', idx === targetCard);\r\n      });\r\n      \r\n      \/\/ Restart animation after delay\r\n      setTimeout(() => {\r\n        cardsTrack.style.animation = 'cardsRotation 30s infinite linear';\r\n      }, 3000);\r\n    });\r\n  });\r\n  \r\n  \/\/ Continuous indicator update\r\n  setInterval(updateIndicators, 100);\r\n  \r\n  \/\/ Add scroll reveal effect\r\n  const section = document.querySelector('.who-we-are-section');\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        section.style.opacity = '1';\r\n        section.style.transform = 'translateY(0)';\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.1\r\n  });\r\n  \r\n  section.style.opacity = '0';\r\n  section.style.transform = 'translateY(30px)';\r\n  section.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n  observer.observe(section);\r\n});\r\n<\/script>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a6b2d0 e-con-full e-flex e-con e-parent\" data-id=\"6a6b2d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-165bca1 elementor-widget elementor-widget-html\" data-id=\"165bca1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Core Values & Competitive Strengths -->\r\n<section class=\"tsl-values-strengths\">\r\n  <!-- Background Elements -->\r\n  <div class=\"section-background\">\r\n    <div class=\"subtle-grid-pattern\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"tsl-container\">\r\n    <!-- Section Header -->\r\n    <div class=\"section-header\">\r\n      <h2 class=\"tsl-section-title\">\r\n        <span class=\"title-main\">Our Core Principles<\/span>\r\n        <span class=\"title-glow\"><\/span>\r\n      <\/h2>\r\n      <div class=\"section-divider\">\r\n        <div class=\"divider-dot dot1\"><\/div>\r\n        <div class=\"divider-dot dot2\"><\/div>\r\n        <div class=\"divider-dot dot3\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Core Values Section -->\r\n    <div class=\"core-values-section\">\r\n      <h3 class=\"subsection-title\">\r\n        <span class=\"subsection-icon\"><\/span>\r\n        Core Values\r\n      <\/h3>\r\n      \r\n      <div class=\"values-container\">\r\n        <!-- Integrity -->\r\n        <div class=\"value-item\">\r\n          <div class=\"value-header\">\r\n            <span class=\"value-number\">01<\/span>\r\n            <h4 class=\"value-title\">Integrity<\/h4>\r\n          <\/div>\r\n          <p class=\"value-description\">\r\n            We are responsible enough to be trusted honest, transparent, and accountable \r\n            firstly to God, ourselves and our customers.\r\n          <\/p>\r\n          <div class=\"value-underline\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- Love & Service -->\r\n        <div class=\"value-item\">\r\n          <div class=\"value-header\">\r\n            <span class=\"value-number\">02<\/span>\r\n            <h4 class=\"value-title\">Love & Service<\/h4>\r\n          <\/div>\r\n          <p class=\"value-description\">\r\n            We value long lasting life relationships and prioritise teamwork and service, \r\n            while creating long lasting transformative impact in lives and communities.\r\n          <\/p>\r\n          <div class=\"value-underline\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- Customer-Focused -->\r\n        <div class=\"value-item\">\r\n          <div class=\"value-header\">\r\n            <span class=\"value-number\">03<\/span>\r\n            <h4 class=\"value-title\">Customer-Focused<\/h4>\r\n          <\/div>\r\n          <p class=\"value-description\">\r\n            We value our customers and strive to not only meet their needs but exceed them.\r\n          <\/p>\r\n          <div class=\"value-underline\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- Innovation -->\r\n        <div class=\"value-item\">\r\n          <div class=\"value-header\">\r\n            <span class=\"value-number\">04<\/span>\r\n            <h4 class=\"value-title\">Innovation<\/h4>\r\n          <\/div>\r\n          <p class=\"value-description\">\r\n            We look to the future by being competitive partnering with the government to \r\n            foster economic growth as we embrace talent and investment options while \r\n            changing the quality of life.\r\n          <\/p>\r\n          <div class=\"value-underline\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- Excellence -->\r\n        <div class=\"value-item\">\r\n          <div class=\"value-header\">\r\n            <span class=\"value-number\">05<\/span>\r\n            <h4 class=\"value-title\">Excellence<\/h4>\r\n          <\/div>\r\n          <p class=\"value-description\">\r\n            Our daily choices border on our habits of intentional choices to drive to \r\n            excellence in all faculties of life.\r\n          <\/p>\r\n          <div class=\"value-underline\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Competitive Strengths Section -->\r\n    <div class=\"strengths-section\">\r\n      <h3 class=\"subsection-title\">\r\n        <span class=\"subsection-icon\"><\/span>\r\n        Competitive Strengths\r\n      <\/h3>\r\n      \r\n      <div class=\"strengths-container\">\r\n        <div class=\"strength-item\">\r\n          <div class=\"strength-icon\">\u2713<\/div>\r\n          <div class=\"strength-content\">\r\n            <h4>Commitment to SMEs<\/h4>\r\n            <p>Dedicated to serving small to medium enterprises<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"strength-item\">\r\n          <div class=\"strength-icon\">\u2713<\/div>\r\n          <div class=\"strength-content\">\r\n            <h4>Transformative Passion<\/h4>\r\n            <p>Attitude and passion to driving transformation in the lives of others, especially for women and youth<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"strength-item\">\r\n          <div class=\"strength-icon\">\u2713<\/div>\r\n          <div class=\"strength-content\">\r\n            <h4>Customer Focus<\/h4>\r\n            <p>Friendly and structured customer approach<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"strength-item\">\r\n          <div class=\"strength-icon\">\u2713<\/div>\r\n          <div class=\"strength-content\">\r\n            <h4>Easy Access<\/h4>\r\n            <p>Easy access to loans with simplified procedures<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"strength-item\">\r\n          <div class=\"strength-icon\">\u2713<\/div>\r\n          <div class=\"strength-content\">\r\n            <h4>Tailored Services<\/h4>\r\n            <p>Customized solutions for individual needs<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================\r\n   CORE VALUES & STRENGTHS\r\n   Simple & Elegant Design\r\n   ========================= *\/\r\n.tsl-values-strengths {\r\n  background: linear-gradient(135deg, #ffffff 0%, #f9f7f3 100%);\r\n  padding: 80px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Background Elements - STANDARDIZED GOLD COLORS *\/\r\n.section-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.subtle-grid-pattern {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: \r\n    linear-gradient(rgba(184, 137, 27, 0.02) 1px, transparent 1px), \/* B8891B *\/\r\n    linear-gradient(90deg, rgba(184, 137, 27, 0.02) 1px, transparent 1px); \/* B8891B *\/\r\n  background-size: 50px 50px;\r\n  opacity: 0.3;\r\n}\r\n\r\n.tsl-container {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Section Header - STANDARDIZED GOLD COLORS *\/\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.tsl-section-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  color: #333;\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.title-main {\r\n  display: block;\r\n  background: linear-gradient(45deg, #B8891B, #E6B325); \/* 3D Cube gold colors *\/\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n.title-glow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 120%;\r\n  height: 120%;\r\n  background: linear-gradient(45deg, #B8891B, #E6B325, #B8891B); \/* 3D Cube gold colors *\/\r\n  background-size: 200% 200%;\r\n  filter: blur(15px);\r\n  opacity: 0;\r\n  z-index: -1;\r\n  animation: glowPulse 8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes glowPulse {\r\n  0%, 100% { opacity: 0; }\r\n  50% { opacity: 0.15; }\r\n}\r\n\r\n.section-divider {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 15px;\r\n  margin-top: 20px;\r\n}\r\n\r\n.divider-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(45deg, #B8891B, #E6B325); \/* 3D Cube gold colors *\/\r\n  animation: dotPulse 2s ease-in-out infinite;\r\n  opacity: 0.8;\r\n}\r\n\r\n.dot1 { animation-delay: 0s; }\r\n.dot2 { animation-delay: 0.3s; }\r\n.dot3 { animation-delay: 0.6s; }\r\n\r\n@keyframes dotPulse {\r\n  0%, 100% { transform: scale(1); opacity: 0.5; }\r\n  50% { transform: scale(1.2); opacity: 1; }\r\n}\r\n\r\n\/* Subsection Titles - STANDARDIZED GOLD COLORS *\/\r\n.subsection-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 28px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  margin-bottom: 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.subsection-icon {\r\n  font-size: 28px;\r\n  background: linear-gradient(45deg, #B8891B, #E6B325); \/* 3D Cube gold colors *\/\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n\/* Core Values - STANDARDIZED GOLD COLORS *\/\r\n.core-values-section {\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.values-container {\r\n  background: white;\r\n  border-radius: 16px;\r\n  padding: 40px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n}\r\n\r\n.value-item {\r\n  padding: 25px 0;\r\n  border-bottom: 1px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n  position: relative;\r\n}\r\n\r\n.value-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.value-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.value-number {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #B8891B; \/* 3D Cube primary gold *\/\r\n  background: rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n  padding: 4px 12px;\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(184, 137, 27, 0.2); \/* B8891B *\/\r\n}\r\n\r\n.value-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 22px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  background: linear-gradient(45deg, #B8891B, #E6B325); \/* 3D Cube gold colors *\/\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n.value-description {\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: #555;\r\n  padding-left: 40px;\r\n}\r\n\r\n.value-underline {\r\n  width: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, #B8891B, #E6B325); \/* 3D Cube gold colors *\/\r\n  margin-top: 20px;\r\n  transition: width 0.5s ease;\r\n}\r\n\r\n.value-item:hover .value-underline {\r\n  width: 100px;\r\n}\r\n\r\n\/* Competitive Strengths - STANDARDIZED GOLD COLORS *\/\r\n.strengths-section {\r\n  margin-top: 60px;\r\n}\r\n\r\n.strengths-container {\r\n  background: white;\r\n  border-radius: 16px;\r\n  padding: 40px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n}\r\n\r\n.strength-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n  padding: 20px;\r\n  border-radius: 12px;\r\n  margin-bottom: 15px;\r\n  transition: all 0.3s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.strength-item:hover {\r\n  background: rgba(184, 137, 27, 0.03); \/* B8891B *\/\r\n  border-color: rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n  transform: translateX(5px);\r\n}\r\n\r\n.strength-icon {\r\n  flex-shrink: 0;\r\n  width: 32px;\r\n  height: 32px;\r\n  background: linear-gradient(135deg, rgba(184, 137, 27, 0.1), rgba(230, 179, 37, 0.05)); \/* B8891B, E6B325 *\/\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #B8891B; \/* 3D Cube primary gold *\/\r\n  border: 1px solid rgba(184, 137, 27, 0.2); \/* B8891B *\/\r\n  font-weight: bold;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.strength-content h4 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 18px;\r\n  color: #333;\r\n  margin-bottom: 8px;\r\n  background: linear-gradient(45deg, #B8891B, #E6B325); \/* 3D Cube gold colors *\/\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n.strength-content p {\r\n  font-size: 15px;\r\n  color: #666;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n  .tsl-values-strengths {\r\n    padding: 60px 20px;\r\n  }\r\n  \r\n  .tsl-section-title {\r\n    font-size: 32px;\r\n  }\r\n  \r\n  .subsection-title {\r\n    font-size: 24px;\r\n  }\r\n  \r\n  .values-container,\r\n  .strengths-container {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .value-description {\r\n    padding-left: 0;\r\n  }\r\n  \r\n  .value-header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .tsl-section-title {\r\n    font-size: 28px;\r\n  }\r\n  \r\n  .value-title {\r\n    font-size: 20px;\r\n  }\r\n  \r\n  .strength-content h4 {\r\n    font-size: 17px;\r\n  }\r\n  \r\n  .strength-item {\r\n    padding: 15px;\r\n  }\r\n}\r\n\r\n\/* Font imports *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700&display=swap');\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Simple animation for value items\r\n  const valueItems = document.querySelectorAll('.value-item');\r\n  const strengthItems = document.querySelectorAll('.strength-item');\r\n  \r\n  \/\/ Observer for animations\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.style.opacity = '1';\r\n        entry.target.style.transform = 'translateY(0)';\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.1\r\n  });\r\n  \r\n  \/\/ Set initial states and observe\r\n  valueItems.forEach((item, index) => {\r\n    item.style.opacity = '0';\r\n    item.style.transform = 'translateY(20px)';\r\n    item.style.transition = `opacity 0.5s ease ${index * 0.1}s, transform 0.5s ease ${index * 0.1}s`;\r\n    observer.observe(item);\r\n  });\r\n  \r\n  strengthItems.forEach((item, index) => {\r\n    item.style.opacity = '0';\r\n    item.style.transform = 'translateX(-20px)';\r\n    item.style.transition = `opacity 0.5s ease ${index * 0.1}s, transform 0.5s ease ${index * 0.1}s`;\r\n    observer.observe(item);\r\n  });\r\n  \r\n  \/\/ Hover effect for strength items - STANDARDIZED GOLD COLORS\r\n  strengthItems.forEach(item => {\r\n    item.addEventListener('mouseenter', function() {\r\n      const icon = this.querySelector('.strength-icon');\r\n      icon.style.background = 'linear-gradient(135deg, #B8891B, #E6B325)'; \/* 3D Cube gold colors *\/\r\n      icon.style.color = 'white';\r\n      icon.style.transform = 'scale(1.1)';\r\n    });\r\n    \r\n    item.addEventListener('mouseleave', function() {\r\n      const icon = this.querySelector('.strength-icon');\r\n      icon.style.background = 'linear-gradient(135deg, rgba(184, 137, 27, 0.1), rgba(230, 179, 37, 0.05))'; \/* B8891B, E6B325 *\/\r\n      icon.style.color = '#B8891B'; \/* 3D Cube primary gold *\/\r\n      icon.style.transform = 'scale(1)';\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Twizatino Solutions Limited Building Financial Futures Since 2025 Who We Are Twizatino Solutions Limited Dedicated Financial Solutions Twizatino Mission To be a world-class institution offering financial services to women, youths, and SMEs while making an impact in the lives of others. Our Approach Customer- Focused Transparent Processes Innovative Solutions<span class=\"more-link theme-more-link\"><a href=\"https:\/\/twizatino.com\/index.php\/about\/\">Continue Reading<\/a><\/span><\/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":{"footnotes":""},"class_list":["entry","author-margret","post-122","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>About - Twizatino Solutions Limited<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/twizatino.com\/index.php\/about\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About - Twizatino Solutions Limited\" \/>\n<meta property=\"og:description\" content=\"About Twizatino Solutions Limited Building Financial Futures Since 2025 Who We Are Twizatino Solutions Limited Dedicated Financial Solutions Twizatino Mission To be a world-class institution offering financial services to women, youths, and SMEs while making an impact in the lives of others. Our Approach Customer- Focused Transparent Processes Innovative SolutionsContinue Reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/twizatino.com\/index.php\/about\/\" \/>\n<meta property=\"og:site_name\" content=\"Twizatino Solutions Limited\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-07T10:26:18+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/twizatino.com\/index.php\/about\/\",\"url\":\"https:\/\/twizatino.com\/index.php\/about\/\",\"name\":\"About - Twizatino Solutions Limited\",\"isPartOf\":{\"@id\":\"https:\/\/twizatino.com\/#website\"},\"datePublished\":\"2025-12-03T13:43:18+00:00\",\"dateModified\":\"2026-01-07T10:26:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/twizatino.com\/index.php\/about\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/twizatino.com\/index.php\/about\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/twizatino.com\/index.php\/about\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/twizatino.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/twizatino.com\/#website\",\"url\":\"https:\/\/twizatino.com\/\",\"name\":\"Twizatino Solutions Limited\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/twizatino.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/twizatino.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/twizatino.com\/#organization\",\"name\":\"Twizatino Solutions Limited\",\"url\":\"https:\/\/twizatino.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/twizatino.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/twizatino.com\/wp-content\/uploads\/2026\/03\/cropped-WhatsApp-Image-2026-03-18-at-09.41.21-1.jpeg\",\"contentUrl\":\"https:\/\/twizatino.com\/wp-content\/uploads\/2026\/03\/cropped-WhatsApp-Image-2026-03-18-at-09.41.21-1.jpeg\",\"width\":804,\"height\":888,\"caption\":\"Twizatino Solutions Limited\"},\"image\":{\"@id\":\"https:\/\/twizatino.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About - Twizatino Solutions Limited","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/twizatino.com\/index.php\/about\/","og_locale":"en_US","og_type":"article","og_title":"About - Twizatino Solutions Limited","og_description":"About Twizatino Solutions Limited Building Financial Futures Since 2025 Who We Are Twizatino Solutions Limited Dedicated Financial Solutions Twizatino Mission To be a world-class institution offering financial services to women, youths, and SMEs while making an impact in the lives of others. Our Approach Customer- Focused Transparent Processes Innovative SolutionsContinue Reading","og_url":"https:\/\/twizatino.com\/index.php\/about\/","og_site_name":"Twizatino Solutions Limited","article_modified_time":"2026-01-07T10:26:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/twizatino.com\/index.php\/about\/","url":"https:\/\/twizatino.com\/index.php\/about\/","name":"About - Twizatino Solutions Limited","isPartOf":{"@id":"https:\/\/twizatino.com\/#website"},"datePublished":"2025-12-03T13:43:18+00:00","dateModified":"2026-01-07T10:26:18+00:00","breadcrumb":{"@id":"https:\/\/twizatino.com\/index.php\/about\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/twizatino.com\/index.php\/about\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/twizatino.com\/index.php\/about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/twizatino.com\/"},{"@type":"ListItem","position":2,"name":"About"}]},{"@type":"WebSite","@id":"https:\/\/twizatino.com\/#website","url":"https:\/\/twizatino.com\/","name":"Twizatino Solutions Limited","description":"","publisher":{"@id":"https:\/\/twizatino.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/twizatino.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/twizatino.com\/#organization","name":"Twizatino Solutions Limited","url":"https:\/\/twizatino.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/twizatino.com\/#\/schema\/logo\/image\/","url":"https:\/\/twizatino.com\/wp-content\/uploads\/2026\/03\/cropped-WhatsApp-Image-2026-03-18-at-09.41.21-1.jpeg","contentUrl":"https:\/\/twizatino.com\/wp-content\/uploads\/2026\/03\/cropped-WhatsApp-Image-2026-03-18-at-09.41.21-1.jpeg","width":804,"height":888,"caption":"Twizatino Solutions Limited"},"image":{"@id":"https:\/\/twizatino.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/pages\/122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":91,"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/pages\/122\/revisions\/702"}],"wp:attachment":[{"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}