{"id":161,"date":"2025-12-04T05:11:43","date_gmt":"2025-12-04T05:11:43","guid":{"rendered":"https:\/\/caring-white-sloth.37-148-201-198.cpanel.site\/Twizatino\/?page_id=161"},"modified":"2026-01-07T11:09:13","modified_gmt":"2026-01-07T11:09:13","slug":"service","status":"publish","type":"page","link":"https:\/\/twizatino.com\/index.php\/service\/","title":{"rendered":"Service"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"161\" class=\"elementor elementor-161\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf61cf e-con-full e-flex e-con e-parent\" data-id=\"faf61cf\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b396efb elementor-widget elementor-widget-html\" data-id=\"b396efb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Services Title Section - Fixed (NO SERVICES PREVIEW) -->\r\n<div class=\"services-title-section\">\r\n  <div class=\"title-background-gold\">\r\n    <!-- Gold particles -->\r\n    <div class=\"gold-dust\">\r\n      <div class=\"dust-particle d1\"><\/div>\r\n      <div class=\"dust-particle d2\"><\/div>\r\n      <div class=\"dust-particle d3\"><\/div>\r\n      <div class=\"dust-particle d4\"><\/div>\r\n      <div class=\"dust-particle d5\"><\/div>\r\n      <div class=\"dust-particle d6\"><\/div>\r\n      <div class=\"dust-particle d7\"><\/div>\r\n      <div class=\"dust-particle d8\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Gold mesh pattern -->\r\n    <div class=\"gold-mesh\"><\/div>\r\n    \r\n    <!-- Floating light orbs -->\r\n    <div class=\"gold-orbs\">\r\n      <div class=\"orb o1\"><\/div>\r\n      <div class=\"orb o2\"><\/div>\r\n      <div class=\"orb o3\"><\/div>\r\n      <div class=\"orb o4\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Shimmer waves -->\r\n    <div class=\"shimmer-waves\">\r\n      <div class=\"wave w1\"><\/div>\r\n      <div class=\"wave w2\"><\/div>\r\n      <div class=\"wave w3\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"title-content-gold\">\r\n    <!-- Company branding -->\r\n    <div class=\"company-branding\">\r\n      <div class=\"company-logo\">Twizatino<\/div>\r\n      <div class=\"company-subtitle\">Solutions Limited<\/div>\r\n    <\/div>\r\n    \r\n    <!-- Main title with metallic gold effect -->\r\n    <div class=\"title-container\">\r\n      <h1 class=\"main-title-gold\">\r\n        <span class=\"title-text\" data-text=\"Our Financial Services\">Our Financial Services<\/span>\r\n        <span class=\"title-reflection\"><\/span>\r\n        <span class=\"title-shimmer\"><\/span>\r\n      <\/h1>\r\n    <\/div>\r\n    \r\n    <!-- Animated gold bar -->\r\n    <div class=\"gold-bar\">\r\n      <div class=\"bar-core\"><\/div>\r\n      <div class=\"bar-shine\"><\/div>\r\n      <div class=\"bar-sparkle s1\"><\/div>\r\n      <div class=\"bar-sparkle s2\"><\/div>\r\n      <div class=\"bar-sparkle s3\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Subtle tagline -->\r\n    <p class=\"services-tagline\">\r\n      Empowering Women, Youth & SMEs Across Zambia and beyond\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Import Fonts *\/\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\r\n\/* Services Title Section - Fixed *\/\r\n.services-title-section {\r\n  background: linear-gradient(135deg, #0a0a0a 0%, #000000 100%);\r\n  min-height: 70vh;\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: 60px 20px;\r\n  border-top: 1px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n  border-bottom: 1px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n}\r\n\r\n\/* Gold background effects *\/\r\n.title-background-gold {\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\/* Company Branding - STANDARDIZED GOLD COLORS *\/\r\n.company-branding {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n  position: relative;\r\n  z-index: 12;\r\n}\r\n\r\n.company-logo {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 36px;\r\n  font-weight: 800;\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  letter-spacing: 2px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.company-subtitle {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  color: #FFD86A; \/* 3D Cube light gold *\/\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  font-weight: 300;\r\n  opacity: 0.8;\r\n}\r\n\r\n\/* Gold dust particles - STANDARDIZED GOLD COLORS *\/\r\n.gold-dust {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.dust-particle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: radial-gradient(circle, #B8891B 0%, #E6B325 50%, transparent 80%);\r\n  filter: blur(0.5px);\r\n  animation: dustFloat 15s infinite ease-in-out;\r\n  box-shadow: 0 0 10px rgba(184, 137, 27, 0.5); \/* B8891B *\/\r\n}\r\n\r\n.d1 { width: 5px; height: 5px; top: 15%; left: 10%; animation-delay: 0s; }\r\n.d2 { width: 3px; height: 3px; top: 30%; left: 85%; animation-delay: -2s; }\r\n.d3 { width: 6px; height: 6px; top: 50%; left: 20%; animation-delay: -4s; }\r\n.d4 { width: 4px; height: 4px; top: 70%; left: 65%; animation-delay: -6s; }\r\n.d5 { width: 7px; height: 7px; top: 40%; left: 45%; animation-delay: -8s; }\r\n.d6 { width: 3px; height: 3px; top: 85%; left: 30%; animation-delay: -10s; }\r\n.d7 { width: 5px; height: 5px; top: 25%; left: 70%; animation-delay: -12s; }\r\n.d8 { width: 6px; height: 6px; top: 60%; left: 15%; animation-delay: -14s; }\r\n\r\n@keyframes dustFloat {\r\n  0%, 100% {\r\n    transform: translateY(0) translateX(0) scale(1);\r\n    opacity: 0.3;\r\n    box-shadow: 0 0 10px rgba(184, 137, 27, 0.3); \/* B8891B *\/\r\n  }\r\n  25% {\r\n    transform: translateY(-25px) translateX(20px) scale(1.3);\r\n    opacity: 0.8;\r\n    box-shadow: 0 0 20px rgba(184, 137, 27, 0.8); \/* B8891B *\/\r\n  }\r\n  50% {\r\n    transform: translateY(-10px) translateX(40px) scale(1.1);\r\n    opacity: 0.5;\r\n    box-shadow: 0 0 15px rgba(184, 137, 27, 0.6); \/* B8891B *\/\r\n  }\r\n  75% {\r\n    transform: translateY(15px) translateX(20px) scale(0.9);\r\n    opacity: 0.7;\r\n    box-shadow: 0 0 18px rgba(184, 137, 27, 0.7); \/* B8891B *\/\r\n  }\r\n}\r\n\r\n\/* Gold mesh pattern - STANDARDIZED GOLD COLORS *\/\r\n.gold-mesh {\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 30px,\r\n      rgba(184, 137, 27, 0.1) 30px, \/* B8891B *\/\r\n      rgba(184, 137, 27, 0.1) 31px, \/* B8891B *\/\r\n      transparent 31px,\r\n      transparent 60px\r\n    ),\r\n    repeating-linear-gradient(\r\n      -45deg,\r\n      transparent,\r\n      transparent 30px,\r\n      rgba(184, 137, 27, 0.05) 30px, \/* B8891B *\/\r\n      rgba(184, 137, 27, 0.05) 31px, \/* B8891B *\/\r\n      transparent 31px,\r\n      transparent 60px\r\n    );\r\n  background-size: 80px 80px;\r\n  animation: meshMove 40s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n@keyframes meshMove {\r\n  0% { background-position: 0 0, 40px 40px; }\r\n  100% { background-position: 80px 80px, 120px 120px; }\r\n}\r\n\r\n\/* Floating gold orbs - STANDARDIZED GOLD COLORS *\/\r\n.gold-orbs {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: radial-gradient(circle, rgba(184, 137, 27, 0.3) 0%, rgba(184, 137, 27, 0.1) 50%, transparent 80%); \/* B8891B *\/\r\n  filter: blur(5px);\r\n  animation: orbFloat 20s infinite ease-in-out;\r\n}\r\n\r\n.o1 { width: 120px; height: 120px; top: 20%; left: 15%; animation-delay: 0s; }\r\n.o2 { width: 180px; height: 180px; top: 60%; right: 10%; animation-delay: -5s; }\r\n.o3 { width: 100px; height: 100px; bottom: 20%; left: 50%; animation-delay: -10s; }\r\n.o4 { width: 140px; height: 140px; top: 40%; right: 25%; animation-delay: -7s; }\r\n\r\n@keyframes orbFloat {\r\n  0%, 100% {\r\n    transform: translate(0, 0) scale(1) rotate(0deg);\r\n    opacity: 0.2;\r\n  }\r\n  33% {\r\n    transform: translate(50px, -30px) scale(1.3) rotate(120deg);\r\n    opacity: 0.4;\r\n  }\r\n  66% {\r\n    transform: translate(-30px, 40px) scale(0.8) rotate(240deg);\r\n    opacity: 0.3;\r\n  }\r\n}\r\n\r\n\/* Shimmer waves - STANDARDIZED GOLD COLORS *\/\r\n.shimmer-waves {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.wave {\r\n  position: absolute;\r\n  width: 300px;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, \r\n    transparent,\r\n    rgba(184, 137, 27, 0.6), \/* B8891B *\/\r\n    rgba(184, 137, 27, 0.8), \/* B8891B *\/\r\n    rgba(184, 137, 27, 0.6), \/* B8891B *\/\r\n    transparent\r\n  );\r\n  filter: blur(1px);\r\n  animation: waveMove 25s linear infinite;\r\n}\r\n\r\n.w1 { top: 25%; left: -300px; animation-delay: 0s; transform: rotate(30deg); }\r\n.w2 { top: 50%; left: -300px; animation-delay: -8s; transform: rotate(15deg); }\r\n.w3 { top: 75%; left: -300px; animation-delay: -16s; transform: rotate(45deg); }\r\n\r\n@keyframes waveMove {\r\n  0% { transform: translateX(0) rotate(30deg); opacity: 0; }\r\n  10% { opacity: 0.8; }\r\n  90% { opacity: 0.8; }\r\n  100% { transform: translateX(150vw) rotate(30deg); opacity: 0; }\r\n}\r\n\r\n\/* Title content - Fixed visibility *\/\r\n.title-content-gold {\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.title-container {\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.main-title-gold {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 64px;\r\n  font-weight: 800;\r\n  margin: 0;\r\n  position: relative;\r\n  \/* STANDARDIZED: 3D Cube primary gold *\/\r\n  color: #B8891B;\r\n  text-shadow: \r\n    0 0 30px rgba(184, 137, 27, 0.5), \/* B8891B *\/\r\n    0 0 60px rgba(184, 137, 27, 0.3), \/* B8891B *\/\r\n    2px 2px 4px rgba(0, 0, 0, 0.5);\r\n  letter-spacing: 2px;\r\n  animation: titleGlow 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes titleGlow {\r\n  0%, 100% { \r\n    text-shadow: \r\n      0 0 30px rgba(184, 137, 27, 0.5), \/* B8891B *\/\r\n      0 0 60px rgba(184, 137, 27, 0.3), \/* B8891B *\/\r\n      2px 2px 4px rgba(0, 0, 0, 0.5);\r\n  }\r\n  50% { \r\n    text-shadow: \r\n      0 0 40px rgba(184, 137, 27, 0.8), \/* B8891B *\/\r\n      0 0 80px rgba(184, 137, 27, 0.5), \/* B8891B *\/\r\n      0 0 100px rgba(184, 137, 27, 0.2), \/* B8891B *\/\r\n      3px 3px 6px rgba(0, 0, 0, 0.6);\r\n  }\r\n}\r\n\r\n.title-text {\r\n  position: relative;\r\n  z-index: 3;\r\n  \/* STANDARDIZED: 3D Cube gold colors *\/\r\n  background: linear-gradient(\r\n    45deg,\r\n    #B8891B 0%,\r\n    #E6B325 25%,\r\n    #FFD86A 50%,\r\n    #E6B325 75%,\r\n    #B8891B 100%\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: metallicShimmer 6s ease-in-out infinite;\r\n  display: block;\r\n}\r\n\r\n.title-reflection {\r\n  position: absolute;\r\n  top: 2px;\r\n  left: 2px;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    45deg,\r\n    transparent 0%,\r\n    rgba(255, 255, 255, 0.1) 25%,\r\n    rgba(255, 255, 255, 0.2) 50%,\r\n    rgba(255, 255, 255, 0.1) 75%,\r\n    transparent 100%\r\n  );\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  z-index: 2;\r\n  animation: reflectionMove 8s ease-in-out infinite;\r\n}\r\n\r\n.title-shimmer {\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(\r\n    90deg,\r\n    transparent,\r\n    rgba(255, 255, 255, 0.3),\r\n    rgba(255, 255, 255, 0.6),\r\n    rgba(255, 255, 255, 0.3),\r\n    transparent\r\n  );\r\n  z-index: 4;\r\n  animation: titleShimmer 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes metallicShimmer {\r\n  0%, 100% {\r\n    background-position: 0% 50%;\r\n    filter: brightness(1);\r\n  }\r\n  25% {\r\n    background-position: 25% 50%;\r\n    filter: brightness(1.1);\r\n  }\r\n  50% {\r\n    background-position: 100% 50%;\r\n    filter: brightness(1.3);\r\n  }\r\n  75% {\r\n    background-position: 75% 50%;\r\n    filter: brightness(1.1);\r\n  }\r\n}\r\n\r\n@keyframes reflectionMove {\r\n  0%, 100% {\r\n    opacity: 0.3;\r\n    transform: translate(0, 0);\r\n  }\r\n  50% {\r\n    opacity: 0.6;\r\n    transform: translate(2px, 2px);\r\n  }\r\n}\r\n\r\n@keyframes titleShimmer {\r\n  0% {\r\n    transform: translateX(-100%);\r\n    opacity: 0;\r\n  }\r\n  15% {\r\n    opacity: 1;\r\n  }\r\n  35% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    transform: translateX(100%);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    transform: translateX(100%);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* Enhanced Gold bar - STANDARDIZED GOLD COLORS *\/\r\n.gold-bar {\r\n  width: 300px;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, \r\n    transparent,\r\n    #8B7500,\r\n    #B8891B, \/* 3D Cube primary gold *\/\r\n    #E6B325, \/* 3D Cube medium gold *\/\r\n    #B8891B, \/* 3D Cube primary gold *\/\r\n    #8B7500,\r\n    transparent\r\n  );\r\n  margin: 40px auto;\r\n  border-radius: 2px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 0 20px rgba(184, 137, 27, 0.3); \/* B8891B *\/\r\n}\r\n\r\n.bar-core {\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(90deg, \r\n    transparent,\r\n    rgba(184, 137, 27, 0.8), \/* B8891B *\/\r\n    transparent\r\n  );\r\n  animation: corePulse 3s ease-in-out infinite;\r\n}\r\n\r\n.bar-shine {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 50%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, \r\n    transparent,\r\n    rgba(255, 255, 255, 0.9),\r\n    transparent\r\n  );\r\n  animation: barShine 3s ease-in-out infinite;\r\n}\r\n\r\n.bar-sparkle {\r\n  position: absolute;\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #E6B325; \/* 3D Cube medium gold *\/\r\n  border-radius: 50%;\r\n  filter: blur(1px);\r\n  box-shadow: 0 0 10px #E6B325, 0 0 20px #E6B325; \/* 3D Cube medium gold *\/\r\n  animation: sparkleFloat 6s ease-in-out infinite;\r\n}\r\n\r\n.s1 { top: -3px; left: 20%; animation-delay: 0s; }\r\n.s2 { top: -3px; left: 50%; animation-delay: -2s; }\r\n.s3 { top: -3px; left: 80%; animation-delay: -4s; }\r\n\r\n@keyframes corePulse {\r\n  0%, 100% { opacity: 0.5; }\r\n  50% { opacity: 0.8; }\r\n}\r\n\r\n@keyframes barShine {\r\n  0% { transform: translateX(-100%); }\r\n  100% { transform: translateX(300%); }\r\n}\r\n\r\n@keyframes sparkleFloat {\r\n  0%, 100% {\r\n    transform: translateY(0) scale(1);\r\n    opacity: 0.3;\r\n  }\r\n  50% {\r\n    transform: translateY(-8px) scale(1.3);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n\/* Tagline - STANDARDIZED GOLD COLORS *\/\r\n.services-tagline {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 20px;\r\n  color: #FFD86A; \/* 3D Cube light gold *\/\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  font-weight: 300;\r\n  margin-top: 35px;\r\n  opacity: 0.9;\r\n  animation: taglinePulse 6s ease-in-out infinite;\r\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n@keyframes taglinePulse {\r\n  0%, 100% { \r\n    opacity: 0.8;\r\n    transform: scale(1);\r\n    letter-spacing: 3px;\r\n  }\r\n  50% { \r\n    opacity: 1;\r\n    transform: scale(1.02);\r\n    letter-spacing: 3.5px;\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .services-title-section {\r\n    min-height: 60vh;\r\n    padding: 40px 20px;\r\n  }\r\n  \r\n  .company-logo {\r\n    font-size: 28px;\r\n  }\r\n  \r\n  .company-subtitle {\r\n    font-size: 12px;\r\n    letter-spacing: 2px;\r\n  }\r\n  \r\n  .main-title-gold {\r\n    font-size: 48px;\r\n  }\r\n  \r\n  .gold-bar {\r\n    width: 220px;\r\n    height: 3px;\r\n  }\r\n  \r\n  .services-tagline {\r\n    font-size: 16px;\r\n    letter-spacing: 2px;\r\n  }\r\n  \r\n  .orb {\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n  }\r\n  \r\n  .wave {\r\n    width: 200px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .company-logo {\r\n    font-size: 24px;\r\n  }\r\n  \r\n  .main-title-gold {\r\n    font-size: 36px;\r\n  }\r\n  \r\n  .services-tagline {\r\n    font-size: 14px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n  \r\n  .gold-bar {\r\n    width: 180px;\r\n  }\r\n  \r\n  .dust-particle {\r\n    width: 3px !important;\r\n    height: 3px !important;\r\n  }\r\n  \r\n  .title-shimmer {\r\n    animation-duration: 3s;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Enhanced particle interaction\r\n  const particles = document.querySelectorAll('.dust-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 + (index * 0.03);\r\n      const x = (mouseX * 200 - 100) * speed;\r\n      const y = (mouseY * 200 - 100) * speed;\r\n      \r\n      particle.style.transform = `translate(${x}px, ${y}px)`;\r\n    });\r\n  });\r\n  \r\n  \/\/ Title reveal with enhanced animation\r\n  const title = document.querySelector('.main-title-gold');\r\n  title.style.opacity = '0';\r\n  title.style.transform = 'translateY(30px) scale(0.9)';\r\n  \r\n  setTimeout(() => {\r\n    title.style.transition = 'opacity 1.2s ease, transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1)';\r\n    title.style.opacity = '1';\r\n    title.style.transform = 'translateY(0) scale(1)';\r\n  }, 500);\r\n  \r\n  \/\/ Add sparkle trail effect - STANDARDIZED GOLD COLORS\r\n  document.addEventListener('mousemove', function(e) {\r\n    const sparkle = document.createElement('div');\r\n    sparkle.className = 'sparkle-trail';\r\n    sparkle.style.left = e.clientX + 'px';\r\n    sparkle.style.top = e.clientY + 'px';\r\n    document.querySelector('.title-background-gold').appendChild(sparkle);\r\n    \r\n    setTimeout(() => {\r\n      sparkle.remove();\r\n    }, 1000);\r\n  });\r\n  \r\n  \/\/ Create CSS for sparkle trail - STANDARDIZED GOLD COLORS\r\n  const style = document.createElement('style');\r\n  style.textContent = `\r\n    .sparkle-trail {\r\n      position: absolute;\r\n      width: 4px;\r\n      height: 4px;\r\n      background: #E6B325; \/* 3D Cube medium gold *\/\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n      filter: blur(1px);\r\n      box-shadow: 0 0 10px #E6B325; \/* 3D Cube medium gold *\/\r\n      animation: trailFade 1s ease-out forwards;\r\n      z-index: 100;\r\n    }\r\n    \r\n    @keyframes trailFade {\r\n      0% {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n      }\r\n      100% {\r\n        opacity: 0;\r\n        transform: scale(0);\r\n      }\r\n    }\r\n  `;\r\n  document.head.appendChild(style);\r\n  \r\n  \/\/ Make orbs follow mouse slightly\r\n  const orbs = document.querySelectorAll('.orb');\r\n  \r\n  document.addEventListener('mousemove', function(e) {\r\n    const centerX = window.innerWidth \/ 2;\r\n    const centerY = window.innerHeight \/ 2;\r\n    const mouseX = e.clientX;\r\n    const mouseY = e.clientY;\r\n    \r\n    orbs.forEach((orb, index) => {\r\n      const speed = 0.02 + (index * 0.01);\r\n      const targetX = (mouseX - centerX) * speed;\r\n      const targetY = (mouseY - centerY) * speed;\r\n      \r\n      orb.style.transform = `translate(${targetX}px, ${targetY}px)`;\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9291bc e-flex e-con-boxed e-con e-parent\" data-id=\"f9291bc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fba256 elementor-widget elementor-widget-spacer\" data-id=\"0fba256\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77edf0e e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"77edf0e\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96b6711 elementor-widget elementor-widget-html\" data-id=\"96b6711\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Services Content Section - FIXED GOLD COLOR -->\r\n<div class=\"services-content-section\">\r\n  <div class=\"services-background\">\r\n    <!-- Gold grid pattern -->\r\n    <div class=\"gold-grid\"><\/div>\r\n    \r\n    <!-- Floating service dots -->\r\n    <div class=\"service-dots\">\r\n      <div class=\"dot-ring dr1\"><\/div>\r\n      <div class=\"dot-ring dr2\"><\/div>\r\n      <div class=\"dot-ring dr3\"><\/div>\r\n      <div class=\"dot-ring dr4\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Light trails -->\r\n    <div class=\"light-trails\">\r\n      <div class=\"trail t1\"><\/div>\r\n      <div class=\"trail t2\"><\/div>\r\n      <div class=\"trail t3\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"services-container\">\r\n    <!-- Introduction -->\r\n    <div class=\"services-intro\">\r\n      <h2 class=\"section-subtitle\">\r\n        <span class=\"subtitle-text\">Comprehensive Financial Solutions<\/span>\r\n        <span class=\"subtitle-glow\"><\/span>\r\n      <\/h2>\r\n      <p class=\"intro-text\">\r\n        At Twizatino Solutions Limited, we offer specialized financial services designed \r\n        specifically for women, youth, and SMEs in Zambia and across the boarder. Our solutions combine \r\n        accessibility with professionalism to empower economic growth.\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <!-- Services Grid -->\r\n    <div class=\"services-grid\">\r\n      <!-- Service 1 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"card-3d\">\r\n          <div class=\"card-front\">\r\n            <div class=\"card-header\">\r\n              <div class=\"card-number\">01<\/div>\r\n              <div class=\"card-line\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"card-title\">Personal Loans<\/h3>\r\n            <p class=\"card-description\">\r\n              Flexible personal financing for various needs with competitive rates \r\n              and manageable repayment plans tailored to your circumstances.\r\n            <\/p>\r\n            <div class=\"card-glow-effect\"><\/div>\r\n          <\/div>\r\n          <div class=\"card-back\">\r\n            <div class=\"card-features\">\r\n              <div class=\"feature\">NRC or Passport<\/div>\r\n              <div class=\"feature\">Latest 3 months' bank statements<\/div>\r\n              <div class=\"feature\">Latest 3 months' payslips (If employed)<\/div>\r\n              <div class=\"feature\">Proof of address<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Service 2 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"card-3d\">\r\n          <div class=\"card-front\">\r\n            <div class=\"card-header\">\r\n              <div class=\"card-number\">02<\/div>\r\n              <div class=\"card-line\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"card-title\">Salaried Loans<\/h3>\r\n            <p class=\"card-description\">\r\n              Structured loans for salaried professionals with repayment aligned \r\n              to your salary schedule for convenient financial management.\r\n            <\/p>\r\n            <div class=\"card-glow-effect\"><\/div>\r\n          <\/div>\r\n          <div class=\"card-back\">\r\n            <div class=\"card-features\">\r\n              <div class=\"feature\">Letter from employer<\/div>\r\n              <div class=\"feature\">NRC or Passport<\/div>\r\n              <div class=\"feature\">Signed loan approval form<\/div>\r\n              <div class=\"feature\">Latest 3 months payslip<\/div>\r\n              <div class=\"feature\">Latest 3 months bank statement<\/div>\r\n              <div class=\"feature\">Work ID<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Service 3 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"card-3d\">\r\n          <div class=\"card-front\">\r\n            <div class=\"card-header\">\r\n              <div class=\"card-number\">03<\/div>\r\n              <div class=\"card-line\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"card-title\">Salary Advance<\/h3>\r\n            <p class=\"card-description\">\r\n              Quick short-term advances to help bridge financial gaps between \r\n              pay periods with minimal documentation and fast processing.\r\n            <\/p>\r\n            <div class=\"card-glow-effect\"><\/div>\r\n          <\/div>\r\n          <div class=\"card-back\">\r\n            <div class=\"card-features\">\r\n              <div class=\"feature\">Letter from employer<\/div>\r\n              <div class=\"feature\">NRC or Passport<\/div>\r\n              <div class=\"feature\">Signed loan approval form<\/div>\r\n              <div class=\"feature\">Latest 3 months payslip<\/div>\r\n              <div class=\"feature\">Latest 3 months bank statement<\/div>\r\n              <div class=\"feature\">Work ID<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Service 4 -->\r\n      <div class=\"service-card\">\r\n        <div class=\"card-3d\">\r\n          <div class=\"card-front\">\r\n            <div class=\"card-header\">\r\n              <div class=\"card-number\">04<\/div>\r\n              <div class=\"card-line\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"card-title\">Collateral Based Loans<\/h3>\r\n            <p class=\"card-description\">\r\n              Secure higher-value financing using assets as collateral for \r\n              larger loan amounts with favorable interest rates and terms.\r\n            <\/p>\r\n            <div class=\"card-glow-effect\"><\/div>\r\n          <\/div>\r\n          <div class=\"card-back\">\r\n            <div class=\"card-features\">\r\n              <div class=\"feature\">Physical evidence of collateral<\/div>\r\n              <div class=\"feature\">Certificate of title<\/div>\r\n              <div class=\"feature\">Print out from land register<\/div>\r\n              <div class=\"feature\">Valuation report<\/div>\r\n              <div class=\"feature\">NRC or Passport<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Service Features -->\r\n    <div class=\"service-features\">\r\n      <div class=\"features-grid\">\r\n        <div class=\"feature-item\">\r\n          <div class=\"feature-icon-glow\"><\/div>\r\n          <h4 class=\"feature-title\">Transparent Process<\/h4>\r\n          <p class=\"feature-desc\">Clear terms, no hidden charges<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-item\">\r\n          <div class=\"feature-icon-glow\"><\/div>\r\n          <h4 class=\"feature-title\">Quick Approval<\/h4>\r\n          <p class=\"feature-desc\">Fast processing & disbursement<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-item\">\r\n          <div class=\"feature-icon-glow\"><\/div>\r\n          <h4 class=\"feature-title\">Dedicated Support<\/h4>\r\n          <p class=\"feature-desc\">Friendly customer service<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"feature-item\">\r\n          <div class=\"feature-icon-glow\"><\/div>\r\n          <h4 class=\"feature-title\">Easy Access<\/h4>\r\n          <p class=\"feature-desc\">Simplified loan procedures<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Services Content Section - STANDARDIZED GOLD COLORS *\/\r\n.services-content-section {\r\n  background: linear-gradient(135deg, #0a0a0a 0%, #111111 100%);\r\n  padding: 80px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-top: 1px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n}\r\n\r\n\/* Background effects *\/\r\n.services-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\/* Gold grid - STANDARDIZED GOLD COLORS *\/\r\n.gold-grid {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: \r\n    linear-gradient(90deg, rgba(184, 137, 27, 0.03) 1px, transparent 1px), \/* B8891B *\/\r\n    linear-gradient(0deg, rgba(184, 137, 27, 0.03) 1px, transparent 1px); \/* B8891B *\/\r\n  background-size: 60px 60px;\r\n  animation: gridFlow 40s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n@keyframes gridFlow {\r\n  0% { background-position: 0 0; }\r\n  100% { background-position: 60px 60px; }\r\n}\r\n\r\n\/* Dot rings - STANDARDIZED GOLD COLORS *\/\r\n.service-dots {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.dot-ring {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(184, 137, 27, 0.2); \/* B8891B *\/\r\n  animation: ringPulse 15s infinite ease-in-out;\r\n}\r\n\r\n.dr1 { width: 80px; height: 80px; top: 15%; left: 10%; animation-delay: 0s; }\r\n.dr2 { width: 120px; height: 120px; top: 25%; right: 15%; animation-delay: -5s; }\r\n.dr3 { width: 100px; height: 100px; bottom: 20%; left: 20%; animation-delay: -10s; }\r\n.dr4 { width: 150px; height: 150px; bottom: 30%; right: 10%; animation-delay: -7s; }\r\n\r\n@keyframes ringPulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.3;\r\n  }\r\n  50% {\r\n    transform: scale(1.3);\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n.dot-ring::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 4px;\r\n  height: 4px;\r\n  background: #E6B325; \/* 3D Cube medium gold *\/\r\n  border-radius: 50%;\r\n  transform: translate(-50%, -50%);\r\n  box-shadow: 0 0 10px rgba(184, 137, 27, 0.5); \/* B8891B *\/\r\n  animation: dotOrbit 10s linear infinite;\r\n}\r\n\r\n@keyframes dotOrbit {\r\n  0% { transform: translate(-50%, -50%) rotate(0deg) translateY(-40px) rotate(0deg); }\r\n  100% { transform: translate(-50%, -50%) rotate(360deg) translateY(-40px) rotate(-360deg); }\r\n}\r\n\r\n\/* Light trails - STANDARDIZED GOLD COLORS *\/\r\n.light-trails {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.trail {\r\n  position: absolute;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, \r\n    transparent,\r\n    rgba(184, 137, 27, 0.4), \/* B8891B *\/\r\n    transparent\r\n  );\r\n  filter: blur(1px);\r\n  animation: trailMove 20s linear infinite;\r\n}\r\n\r\n.t1 { top: 25%; width: 250px; left: -250px; animation-delay: 0s; }\r\n.t2 { top: 50%; width: 300px; left: -300px; animation-delay: -7s; }\r\n.t3 { top: 75%; width: 200px; left: -200px; animation-delay: -14s; }\r\n\r\n@keyframes trailMove {\r\n  0% { transform: translateX(0); opacity: 0; }\r\n  10% { opacity: 0.5; }\r\n  90% { opacity: 0.5; }\r\n  100% { transform: translateX(100vw); opacity: 0; }\r\n}\r\n\r\n\/* Services container *\/\r\n.services-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\/* Introduction - STANDARDIZED GOLD COLORS *\/\r\n.services-intro {\r\n  text-align: center;\r\n  margin-bottom: 80px;\r\n  max-width: 800px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.section-subtitle {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 42px;\r\n  font-weight: 600;\r\n  color: #B8891B; \/* 3D Cube primary gold *\/\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.subtitle-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  background: radial-gradient(circle, rgba(184, 137, 27, 0.2), transparent 70%); \/* B8891B *\/\r\n  filter: blur(10px);\r\n  opacity: 0;\r\n  animation: subtitleGlow 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes subtitleGlow {\r\n  0%, 100% { opacity: 0; }\r\n  50% { opacity: 0.4; }\r\n}\r\n\r\n.intro-text {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 18px;\r\n  color: #eee;\r\n  line-height: 1.8;\r\n  opacity: 0.8;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* Services Grid - STANDARDIZED GOLD COLORS *\/\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 30px;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.service-card {\r\n  perspective: 1000px;\r\n  height: 300px; \/* Adjusted back to original height since no \"Apply Now\" *\/\r\n}\r\n\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.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n  border-radius: 15px;\r\n}\r\n\r\n.service-card:hover .card-3d {\r\n  transform: rotateY(180deg);\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: 15px;\r\n  padding: 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.card-front {\r\n  background: linear-gradient(145deg, rgba(26, 26, 26, 0.95), rgba(17, 17, 17, 0.95));\r\n  border: 1px solid rgba(184, 137, 27, 0.2); \/* B8891B *\/\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.card-back {\r\n  background: linear-gradient(145deg, rgba(17, 17, 17, 0.95), rgba(10, 10, 10, 0.95));\r\n  border: 1px solid rgba(184, 137, 27, 0.3); \/* B8891B *\/\r\n  transform: rotateY(180deg);\r\n  box-shadow: 0 10px 30px rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n}\r\n\r\n.card-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.card-number {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #E6B325; \/* 3D Cube medium gold *\/\r\n  opacity: 0.8;\r\n}\r\n\r\n.card-line {\r\n  flex: 1;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, \r\n    rgba(184, 137, 27, 0.3), \/* B8891B *\/\r\n    rgba(184, 137, 27, 0.1)  \/* B8891B *\/\r\n  );\r\n}\r\n\r\n.card-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.card-description {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 15px;\r\n  color: #ccc;\r\n  line-height: 1.6;\r\n  flex: 1;\r\n}\r\n\r\n.card-glow-effect {\r\n  position: absolute;\r\n  top: -10px;\r\n  left: -10px;\r\n  right: -10px;\r\n  bottom: -10px;\r\n  background: radial-gradient(circle at 50% 0%, rgba(184, 137, 27, 0.1), transparent 50%); \/* B8891B *\/\r\n  border-radius: 20px;\r\n  filter: blur(10px);\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.service-card:hover .card-glow-effect {\r\n  opacity: 0.4;\r\n}\r\n\r\n\/* Card back content - STANDARDIZED GOLD COLORS (Removed Apply Now) *\/\r\n.card-features {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.feature {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  color: #FFD86A; \/* 3D Cube light gold *\/\r\n  padding: 8px 12px;\r\n  background: rgba(184, 137, 27, 0.05); \/* B8891B *\/\r\n  border-radius: 6px;\r\n  border-left: 2px solid #B8891B; \/* 3D Cube primary gold *\/\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.feature:hover {\r\n  background: rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* REMOVED: Apply Now button and related CSS *\/\r\n\/* .card-action removed *\/\r\n\/* .action-line removed *\/\r\n\/* .action-text removed *\/\r\n\/* @keyframes actionShine removed *\/\r\n\r\n\/* Service Features - STANDARDIZED GOLD COLORS *\/\r\n.service-features {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n  gap: 25px;\r\n}\r\n\r\n.feature-item {\r\n  text-align: center;\r\n  padding: 25px 15px;\r\n  background: rgba(26, 26, 26, 0.7);\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(184, 137, 27, 0.1); \/* B8891B *\/\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.feature-item:hover {\r\n  transform: translateY(-5px);\r\n  border-color: rgba(184, 137, 27, 0.3); \/* B8891B *\/\r\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.feature-icon-glow {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: radial-gradient(circle, rgba(184, 137, 27, 0.3), transparent 70%); \/* B8891B *\/\r\n  border-radius: 50%;\r\n  margin: 0 auto 20px;\r\n  position: relative;\r\n  animation: iconGlow 3s ease-in-out infinite;\r\n}\r\n\r\n.feature-icon-glow::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #B8891B; \/* 3D Cube primary gold *\/\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 15px rgba(184, 137, 27, 0.5); \/* B8891B *\/\r\n}\r\n\r\n@keyframes iconGlow {\r\n  0%, 100% { opacity: 0.7; transform: scale(1); }\r\n  50% { opacity: 1; transform: scale(1.1); }\r\n}\r\n\r\n.feature-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #E6B325; \/* 3D Cube medium gold *\/\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.feature-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 13px;\r\n  color: #aaa;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .services-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .services-content-section {\r\n    padding: 60px 20px;\r\n  }\r\n  \r\n  .section-subtitle {\r\n    font-size: 32px;\r\n  }\r\n  \r\n  .intro-text {\r\n    font-size: 16px;\r\n  }\r\n  \r\n  .services-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 25px;\r\n  }\r\n  \r\n  .service-card {\r\n    height: 280px;\r\n  }\r\n  \r\n  .features-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .dot-ring {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .section-subtitle {\r\n    font-size: 28px;\r\n  }\r\n  \r\n  .card-front, .card-back {\r\n    padding: 25px 20px;\r\n  }\r\n  \r\n  .card-title {\r\n    font-size: 20px;\r\n  }\r\n  \r\n  .card-description {\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .feature-item {\r\n    padding: 20px 15px;\r\n  }\r\n  \r\n  .features-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Service cards hover effect\r\n  const serviceCards = document.querySelectorAll('.service-card');\r\n  \r\n  serviceCards.forEach(card => {\r\n    card.addEventListener('mouseenter', function() {\r\n      this.style.transform = 'translateY(-10px)';\r\n      this.style.transition = 'transform 0.3s ease';\r\n    });\r\n    \r\n    card.addEventListener('mouseleave', function() {\r\n      this.style.transform = 'translateY(0)';\r\n    });\r\n    \r\n    \/\/ Touch support for mobile\r\n    card.addEventListener('touchstart', function() {\r\n      this.classList.toggle('hovered');\r\n    });\r\n  });\r\n  \r\n  \/\/ Feature items interaction\r\n  const featureItems = document.querySelectorAll('.feature-item');\r\n  \r\n  featureItems.forEach(item => {\r\n    item.addEventListener('mouseenter', function() {\r\n      const glow = this.querySelector('.feature-icon-glow');\r\n      glow.style.animation = 'none';\r\n      setTimeout(() => {\r\n        glow.style.animation = 'iconGlow 3s ease-in-out infinite';\r\n      }, 50);\r\n    });\r\n  });\r\n  \r\n  \/\/ Animate cards on scroll\r\n  const cards = document.querySelectorAll('.service-card');\r\n  \r\n  const cardObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry, index) => {\r\n      if (entry.isIntersecting) {\r\n        setTimeout(() => {\r\n          entry.target.style.opacity = '1';\r\n          entry.target.style.transform = 'translateY(0)';\r\n        }, index * 100);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.1\r\n  });\r\n  \r\n  cards.forEach((card, index) => {\r\n    card.style.opacity = '0';\r\n    card.style.transform = 'translateY(30px)';\r\n    card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n    cardObserver.observe(card);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b7a5f2 e-con-full e-flex e-con e-parent\" data-id=\"7b7a5f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-433aa0e elementor-widget elementor-widget-html\" data-id=\"433aa0e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- OUR TARGET MARKET \u2013 TWIZATINO SOLUTIONS LIMITED -->\r\n<section class=\"tsl-target-market\">\r\n  <!-- Background Elements -->\r\n  <div class=\"section-background\">\r\n    <div class=\"floating-ornaments\">\r\n      <div class=\"ornament ornament1\"><\/div>\r\n      <div class=\"ornament ornament2\"><\/div>\r\n      <div class=\"ornament ornament3\"><\/div>\r\n    <\/div>\r\n    <div class=\"subtle-grid-pattern\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"tsl-container\">\r\n\r\n    <!-- Section Header with Divider -->\r\n    <div class=\"section-header\">\r\n      <h2 class=\"tsl-section-title\">\r\n        <span class=\"title-main\">Our Target Market<\/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     \r\n    <\/div>\r\n\r\n    <!-- Subtitle -->\r\n    <p class=\"tsl-section-subtitle\">\r\n      Twizatino Solutions Limited serves diverse individuals and enterprises by\r\n      providing accessible and affordable financial solutions across Zambia.\r\n    <\/p>\r\n\r\n    <!-- Grid: Text + Full-width Image -->\r\n    <div class=\"tsl-market-content-wrapper\">\r\n      <!-- Text Content -->\r\n      <div class=\"tsl-market-content\">\r\n        <ul class=\"tsl-market-list\">\r\n          <li>\r\n            <div class=\"list-item-wrapper\">\r\n              <div class=\"list-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M5 13l4 4L19 7\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"list-content\">\r\n                <strong>Small & Medium Enterprises (SMEs)<\/strong> \u2013 Supporting business growth, sustainability, and entrepreneurship.\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"list-item-wrapper\">\r\n              <div class=\"list-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M5 13l4 4L19 7\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"list-content\">\r\n                <strong>Civil Servants<\/strong> \u2013 Offering reliable salary-based and salary-advance loan solutions.\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"list-item-wrapper\">\r\n              <div class=\"list-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M5 13l4 4L19 7\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"list-content\">\r\n                <strong>Formal & Informal Individuals<\/strong> \u2013 Empowering individuals with flexible financial support.\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"list-item-wrapper\">\r\n              <div class=\"list-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M5 13l4 4L19 7\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"list-content\">\r\n                <strong>Youths<\/strong> \u2013 Enabling young people to build income streams and financial independence.\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"list-item-wrapper\">\r\n              <div class=\"list-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path d=\"M5 13l4 4L19 7\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"list-content\">\r\n                <strong>Women<\/strong> \u2013 Promoting economic empowerment and long-term financial stability.\r\n              <\/div>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Full-width Image Container -->\r\n      <div class=\"tsl-market-image-wrapper\">\r\n        <div class=\"image-frame\">\r\n          <div class=\"image-glow\"><\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg\" \r\n               alt=\"Twizatino Solutions Limited Target Market\">\r\n          <div class=\"image-overlay\">\r\n            <div class=\"overlay-text\">\r\n              <span class=\"overlay-icon\">\ud83d\udc65<\/span>\r\n              <h3 class=\"overlay-title\">Serving Zambia's Diverse Economy<\/h3>\r\n              <p class=\"overlay-subtitle\">Empowering every sector with dedicated financial solutions<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================\r\n   OUR TARGET MARKET - Gold Luxury Theme\r\n   ========================= *\/\r\n.tsl-target-market {\r\n  background: linear-gradient(135deg, #ffffff 0%, #f9f7f3 100%);\r\n  padding: 100px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Background Elements *\/\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.floating-ornaments {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.ornament {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: linear-gradient(45deg, rgba(212, 167, 38, 0.08), rgba(230, 179, 37, 0.05));\r\n  animation: floatOrnament 20s infinite linear;\r\n}\r\n\r\n.ornament1 {\r\n  width: 150px;\r\n  height: 150px;\r\n  top: 10%;\r\n  right: 5%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.ornament2 {\r\n  width: 100px;\r\n  height: 100px;\r\n  bottom: 15%;\r\n  left: 8%;\r\n  animation-delay: -7s;\r\n}\r\n\r\n.ornament3 {\r\n  width: 200px;\r\n  height: 200px;\r\n  top: 40%;\r\n  right: 10%;\r\n  animation-delay: -14s;\r\n}\r\n\r\n@keyframes floatOrnament {\r\n  0%, 100% { transform: translateY(0) rotate(0deg); }\r\n  50% { transform: translateY(-20px) rotate(180deg); }\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(212, 167, 38, 0.02) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(212, 167, 38, 0.02) 1px, transparent 1px);\r\n  background-size: 50px 50px;\r\n  animation: gridFloat 80s linear infinite;\r\n  opacity: 0.4;\r\n}\r\n\r\n.tsl-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Section Header - Matching the first section *\/\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: 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-main {\r\n  display: block;\r\n  background: linear-gradient(45deg, #D4A726, #E6B325);\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, #D4A726, #E6B325, #D4A726);\r\n  background-size: 200% 200%;\r\n  filter: blur(20px);\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: 20px;\r\n  margin: 30px 0 20px;\r\n}\r\n\r\n.divider-dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(45deg, #D4A726, #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.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, #D4A726, #E6B325);\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: #666;\r\n  font-weight: 300;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Subtitle *\/\r\n.tsl-section-subtitle {\r\n  text-align: center;\r\n  max-width: 800px;\r\n  margin: 0 auto 80px;\r\n  font-size: 18px;\r\n  line-height: 1.8;\r\n  color: #666;\r\n  font-weight: 400;\r\n  position: relative;\r\n  padding: 0 20px;\r\n}\r\n\r\n.tsl-section-subtitle::before,\r\n.tsl-section-subtitle::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 40px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, #D4A726);\r\n}\r\n\r\n.tsl-section-subtitle::before {\r\n  left: 0;\r\n}\r\n\r\n.tsl-section-subtitle::after {\r\n  right: 0;\r\n  background: linear-gradient(90deg, #E6B325, transparent);\r\n}\r\n\r\n\/* Content Wrapper *\/\r\n.tsl-market-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 60px;\r\n}\r\n\r\n\/* Market Content *\/\r\n.tsl-market-content {\r\n  width: 100%;\r\n}\r\n\r\n.tsl-market-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 25px;\r\n}\r\n\r\n.tsl-market-list li {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.list-item-wrapper {\r\n  display: flex;\r\n  gap: 20px;\r\n  padding: 25px;\r\n  background: white;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n  border: 1px solid rgba(212, 167, 38, 0.1);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.list-item-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 4px;\r\n  height: 100%;\r\n  background: linear-gradient(180deg, #D4A726, #E6B325);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.list-item-wrapper:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 20px 40px rgba(212, 167, 38, 0.15);\r\n  border-color: rgba(212, 167, 38, 0.2);\r\n}\r\n\r\n.list-item-wrapper:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.list-icon {\r\n  flex-shrink: 0;\r\n  width: 40px;\r\n  height: 40px;\r\n  background: linear-gradient(135deg, rgba(212, 167, 38, 0.1), rgba(230, 179, 37, 0.05));\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #D4A726;\r\n  border: 1px solid rgba(212, 167, 38, 0.2);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.list-item-wrapper:hover .list-icon {\r\n  background: linear-gradient(135deg, #D4A726, #E6B325);\r\n  color: white;\r\n  transform: scale(1.1);\r\n}\r\n\r\n.list-icon svg {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n.list-content {\r\n  flex: 1;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n  color: #333;\r\n}\r\n\r\n.list-content strong {\r\n  color: #222;\r\n  font-weight: 600;\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  font-size: 18px;\r\n  background: linear-gradient(45deg, #D4A726, #E6B325);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n\/* Full-width Image Styling *\/\r\n.tsl-market-image-wrapper {\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\n.image-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\r\n  border: 1px solid rgba(212, 167, 38, 0.15);\r\n}\r\n\r\n.image-glow {\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(45deg, transparent, rgba(212, 167, 38, 0.08), transparent);\r\n  filter: blur(20px);\r\n  z-index: 1;\r\n  animation: imageGlow 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes imageGlow {\r\n  0%, 100% { opacity: 0.3; }\r\n  50% { opacity: 0.6; }\r\n}\r\n\r\n.image-frame img {\r\n  width: 100%;\r\n  height: 500px;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.8s ease;\r\n}\r\n\r\n.image-frame:hover img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.image-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);\r\n  padding: 40px;\r\n  color: white;\r\n  z-index: 2;\r\n}\r\n\r\n.overlay-text {\r\n  max-width: 600px;\r\n}\r\n\r\n.overlay-icon {\r\n  font-size: 40px;\r\n  display: block;\r\n  margin-bottom: 15px;\r\n  opacity: 0.9;\r\n}\r\n\r\n.overlay-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 32px;\r\n  font-weight: 600;\r\n  margin: 0 0 10px 0;\r\n  color: white;\r\n}\r\n\r\n.overlay-subtitle {\r\n  font-size: 16px;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin: 0;\r\n  font-weight: 300;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1024px) {\r\n  .tsl-market-list {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .image-frame img {\r\n    height: 400px;\r\n  }\r\n  \r\n  .tsl-section-title {\r\n    font-size: 42px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .tsl-target-market {\r\n    padding: 70px 20px;\r\n  }\r\n  \r\n  .tsl-section-title {\r\n    font-size: 36px;\r\n  }\r\n  \r\n  .tsl-market-list {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .image-frame img {\r\n    height: 350px;\r\n  }\r\n  \r\n  .overlay-title {\r\n    font-size: 28px;\r\n  }\r\n  \r\n  .company-name {\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .tsl-section-title {\r\n    font-size: 30px;\r\n  }\r\n  \r\n  .tsl-section-subtitle {\r\n    font-size: 16px;\r\n    margin-bottom: 50px;\r\n  }\r\n  \r\n  .image-frame img {\r\n    height: 300px;\r\n  }\r\n  \r\n  .list-item-wrapper {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .list-content {\r\n    font-size: 15px;\r\n  }\r\n  \r\n  .list-content strong {\r\n    font-size: 17px;\r\n  }\r\n  \r\n  .overlay-title {\r\n    font-size: 24px;\r\n  }\r\n  \r\n  .overlay-subtitle {\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .company-name {\r\n    font-size: 20px;\r\n  }\r\n  \r\n  .company-tagline {\r\n    font-size: 14px;\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  \/\/ Add scroll reveal animation\r\n  const section = document.querySelector('.tsl-target-market');\r\n  const listItems = document.querySelectorAll('.list-item-wrapper');\r\n  const imageFrame = document.querySelector('.image-frame');\r\n  \r\n  \/\/ Initial state for animation\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  \r\n  \/\/ Observer for section\r\n  const sectionObserver = 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        \/\/ Animate list items with delay\r\n        listItems.forEach((item, index) => {\r\n          setTimeout(() => {\r\n            item.style.opacity = '0';\r\n            item.style.transform = 'translateX(-20px)';\r\n            item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n            \r\n            setTimeout(() => {\r\n              item.style.opacity = '1';\r\n              item.style.transform = 'translateX(0)';\r\n            }, 50);\r\n          }, index * 100);\r\n        });\r\n        \r\n        \/\/ Animate image\r\n        setTimeout(() => {\r\n          imageFrame.style.opacity = '0';\r\n          imageFrame.style.transform = 'translateY(20px) scale(0.95)';\r\n          imageFrame.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n          \r\n          setTimeout(() => {\r\n            imageFrame.style.opacity = '1';\r\n            imageFrame.style.transform = 'translateY(0) scale(1)';\r\n          }, 50);\r\n        }, listItems.length * 100);\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.1\r\n  });\r\n  \r\n  sectionObserver.observe(section);\r\n  \r\n  \/\/ Add hover effect to list items with gold shimmer\r\n  listItems.forEach(item => {\r\n    item.addEventListener('mouseenter', function() {\r\n      const goldShimmer = document.createElement('div');\r\n      goldShimmer.className = 'gold-shimmer';\r\n      goldShimmer.style.cssText = `\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(212, 167, 38, 0.1), \r\n          rgba(230, 179, 37, 0.2), \r\n          rgba(212, 167, 38, 0.1), \r\n          transparent\r\n        );\r\n        z-index: 1;\r\n        transition: none;\r\n      `;\r\n      this.appendChild(goldShimmer);\r\n      \r\n      \/\/ Animate shimmer\r\n      setTimeout(() => {\r\n        goldShimmer.style.transition = 'left 0.6s ease';\r\n        goldShimmer.style.left = '100%';\r\n      }, 10);\r\n      \r\n      \/\/ Remove shimmer after animation\r\n      setTimeout(() => {\r\n        if (goldShimmer.parentNode === this) {\r\n          this.removeChild(goldShimmer);\r\n        }\r\n      }, 700);\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>Twizatino Solutions Limited Our Financial Services Empowering Women, Youth &#038; SMEs Across Zambia and beyond Comprehensive Financial Solutions At Twizatino Solutions Limited, we offer specialized financial services designed specifically for women, youth, and SMEs in Zambia and across the boarder. Our solutions combine accessibility with professionalism to empower economic growth.<span class=\"more-link theme-more-link\"><a href=\"https:\/\/twizatino.com\/index.php\/service\/\">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-161","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>Service - 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\/service\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Service - Twizatino Solutions Limited\" \/>\n<meta property=\"og:description\" content=\"Twizatino Solutions Limited Our Financial Services Empowering Women, Youth &#038; SMEs Across Zambia and beyond Comprehensive Financial Solutions At Twizatino Solutions Limited, we offer specialized financial services designed specifically for women, youth, and SMEs in Zambia and across the boarder. Our solutions combine accessibility with professionalism to empower economic growth.Continue Reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/twizatino.com\/index.php\/service\/\" \/>\n<meta property=\"og:site_name\" content=\"Twizatino Solutions Limited\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-07T11:09:13+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg\" \/>\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\/service\/\",\"url\":\"https:\/\/twizatino.com\/index.php\/service\/\",\"name\":\"Service - Twizatino Solutions Limited\",\"isPartOf\":{\"@id\":\"https:\/\/twizatino.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/twizatino.com\/index.php\/service\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/twizatino.com\/index.php\/service\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg\",\"datePublished\":\"2025-12-04T05:11:43+00:00\",\"dateModified\":\"2026-01-07T11:09:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/twizatino.com\/index.php\/service\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/twizatino.com\/index.php\/service\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/twizatino.com\/index.php\/service\/#primaryimage\",\"url\":\"http:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg\",\"contentUrl\":\"http:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/twizatino.com\/index.php\/service\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/twizatino.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Service\"}]},{\"@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":"Service - 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\/service\/","og_locale":"en_US","og_type":"article","og_title":"Service - Twizatino Solutions Limited","og_description":"Twizatino Solutions Limited Our Financial Services Empowering Women, Youth &#038; SMEs Across Zambia and beyond Comprehensive Financial Solutions At Twizatino Solutions Limited, we offer specialized financial services designed specifically for women, youth, and SMEs in Zambia and across the boarder. Our solutions combine accessibility with professionalism to empower economic growth.Continue Reading","og_url":"https:\/\/twizatino.com\/index.php\/service\/","og_site_name":"Twizatino Solutions Limited","article_modified_time":"2026-01-07T11:09:13+00:00","og_image":[{"url":"http:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg","type":"","width":"","height":""}],"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\/service\/","url":"https:\/\/twizatino.com\/index.php\/service\/","name":"Service - Twizatino Solutions Limited","isPartOf":{"@id":"https:\/\/twizatino.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/twizatino.com\/index.php\/service\/#primaryimage"},"image":{"@id":"https:\/\/twizatino.com\/index.php\/service\/#primaryimage"},"thumbnailUrl":"http:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg","datePublished":"2025-12-04T05:11:43+00:00","dateModified":"2026-01-07T11:09:13+00:00","breadcrumb":{"@id":"https:\/\/twizatino.com\/index.php\/service\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/twizatino.com\/index.php\/service\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/twizatino.com\/index.php\/service\/#primaryimage","url":"http:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg","contentUrl":"http:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/Screenshot_17-12-2025_112628_.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/twizatino.com\/index.php\/service\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/twizatino.com\/"},{"@type":"ListItem","position":2,"name":"Service"}]},{"@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\/161","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=161"}],"version-history":[{"count":53,"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/pages\/161\/revisions"}],"predecessor-version":[{"id":726,"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/pages\/161\/revisions\/726"}],"wp:attachment":[{"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}