{"id":214,"date":"2025-12-04T06:11:53","date_gmt":"2025-12-04T06:11:53","guid":{"rendered":"https:\/\/caring-white-sloth.37-148-201-198.cpanel.site\/Twizatino\/?page_id=214"},"modified":"2026-01-08T08:15:41","modified_gmt":"2026-01-08T08:15:41","slug":"contact","status":"publish","type":"page","link":"https:\/\/twizatino.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"214\" class=\"elementor elementor-214\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b6e48d e-con-full e-flex e-con e-parent\" data-id=\"3b6e48d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab978d1 elementor-widget elementor-widget-html\" data-id=\"ab978d1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Contact Title Section - Metallic Shimmering Gold -->\r\n<div class=\"contact-title-section\">\r\n  <div class=\"contact-title-background\">\r\n    <!-- Metallic particles -->\r\n    <div class=\"metallic-particles\">\r\n      <div class=\"metal-particle mp1\"><\/div>\r\n      <div class=\"metal-particle mp2\"><\/div>\r\n      <div class=\"metal-particle mp3\"><\/div>\r\n      <div class=\"metal-particle mp4\"><\/div>\r\n      <div class=\"metal-particle mp5\"><\/div>\r\n      <div class=\"metal-particle mp6\"><\/div>\r\n      <div class=\"metal-particle mp7\"><\/div>\r\n      <div class=\"metal-particle mp8\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Metallic mesh -->\r\n    <div class=\"metallic-mesh\"><\/div>\r\n    \r\n    <!-- Shimmer waves -->\r\n    <div class=\"shimmer-waves\">\r\n      <div class=\"swave sw1\"><\/div>\r\n      <div class=\"swave sw2\"><\/div>\r\n      <div class=\"swave sw3\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Floating metal orbs -->\r\n    <div class=\"metal-orbs\">\r\n      <div class=\"metal-orb mo1\"><\/div>\r\n      <div class=\"metal-orb mo2\"><\/div>\r\n      <div class=\"metal-orb mo3\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"contact-title-content\">\r\n    <!-- Main title -->\r\n    <h1 class=\"main-contact-title\">\r\n      <span class=\"contact-title-word word1\">Get In<\/span>\r\n      <span class=\"contact-title-word word2\">Touch<\/span>\r\n    <\/h1>\r\n    \r\n    <!-- Metallic connection -->\r\n    <div class=\"metallic-connection\">\r\n      <div class=\"metal-dot md1\"><\/div>\r\n      <div class=\"metal-beam\"><\/div>\r\n      <div class=\"metal-dot md2\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Tagline -->\r\n    <p class=\"contact-tagline\">\r\n      Connect With Our Financial Experts\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Contact Title Section - Metallic Shimmering Gold *\/\r\n.contact-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: 80px 20px;\r\n}\r\n\r\n\/* Background effects *\/\r\n.contact-title-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\/* Metallic particles *\/\r\n.metallic-particles {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.metal-particle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, \r\n    #FFD700 0%,\r\n    #F6C94A 30%,\r\n    #D4AF37 60%,\r\n    transparent 80%\r\n  );\r\n  filter: blur(0.5px);\r\n  animation: metalParticleFloat 18s infinite ease-in-out;\r\n  box-shadow: \r\n    0 0 10px rgba(255, 215, 0, 0.6),\r\n    0 0 20px rgba(212, 175, 55, 0.3);\r\n}\r\n\r\n.mp1 { width: 10px; height: 10px; top: 15%; left: 10%; animation-delay: 0s; }\r\n.mp2 { width: 8px; height: 8px; top: 30%; right: 15%; animation-delay: -2s; }\r\n.mp3 { width: 12px; height: 12px; top: 50%; left: 20%; animation-delay: -4s; }\r\n.mp4 { width: 9px; height: 9px; bottom: 25%; right: 25%; animation-delay: -6s; }\r\n.mp5 { width: 14px; height: 14px; top: 40%; left: 60%; animation-delay: -8s; }\r\n.mp6 { width: 7px; height: 7px; bottom: 40%; left: 40%; animation-delay: -10s; }\r\n.mp7 { width: 11px; height: 11px; top: 70%; left: 30%; animation-delay: -12s; }\r\n.mp8 { width: 13px; height: 13px; top: 20%; right: 30%; animation-delay: -14s; }\r\n\r\n@keyframes metalParticleFloat {\r\n  0%, 100% {\r\n    transform: translate(0, 0) rotate(0deg) scale(1);\r\n    opacity: 0.4;\r\n    box-shadow: \r\n      0 0 10px rgba(255, 215, 0, 0.6),\r\n      0 0 20px rgba(212, 175, 55, 0.3);\r\n  }\r\n  25% {\r\n    transform: translate(45px, -35px) rotate(90deg) scale(1.3);\r\n    opacity: 0.9;\r\n    box-shadow: \r\n      0 0 15px rgba(255, 215, 0, 0.9),\r\n      0 0 30px rgba(212, 175, 55, 0.6),\r\n      0 0 50px rgba(255, 215, 0, 0.3);\r\n  }\r\n  50% {\r\n    transform: translate(0, -55px) rotate(180deg) scale(1);\r\n    opacity: 0.4;\r\n    box-shadow: \r\n      0 0 10px rgba(255, 215, 0, 0.6),\r\n      0 0 20px rgba(212, 175, 55, 0.3);\r\n  }\r\n  75% {\r\n    transform: translate(-45px, -35px) rotate(270deg) scale(0.7);\r\n    opacity: 0.7;\r\n    box-shadow: \r\n      0 0 12px rgba(255, 215, 0, 0.8),\r\n      0 0 25px rgba(212, 175, 55, 0.5);\r\n  }\r\n}\r\n\r\n\/* Metallic mesh *\/\r\n.metallic-mesh {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: \r\n    \/* Diamond mesh *\/\r\n    repeating-linear-gradient(\r\n      45deg,\r\n      transparent,\r\n      transparent 20px,\r\n      rgba(212, 175, 55, 0.08) 20px,\r\n      rgba(212, 175, 55, 0.08) 21px,\r\n      transparent 21px,\r\n      transparent 40px\r\n    ),\r\n    repeating-linear-gradient(\r\n      -45deg,\r\n      transparent,\r\n      transparent 20px,\r\n      rgba(212, 175, 55, 0.05) 20px,\r\n      rgba(212, 175, 55, 0.05) 21px,\r\n      transparent 21px,\r\n      transparent 40px\r\n    );\r\n  background-size: \r\n    40px 40px,\r\n    40px 40px;\r\n  animation: metallicMeshMove 50s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n@keyframes metallicMeshMove {\r\n  0% { \r\n    background-position: \r\n      0 0,\r\n      20px 20px;\r\n  }\r\n  100% { \r\n    background-position: \r\n      40px 40px,\r\n      60px 60px;\r\n  }\r\n}\r\n\r\n\/* Shimmer waves *\/\r\n.shimmer-waves {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.swave {\r\n  position: absolute;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, \r\n    transparent,\r\n    rgba(255, 215, 0, 0.2),\r\n    rgba(255, 255, 255, 0.6),\r\n    rgba(255, 215, 0, 0.2),\r\n    transparent\r\n  );\r\n  filter: blur(0.5px);\r\n  animation: shimmerWaveFlow 20s linear infinite;\r\n  opacity: 0.5;\r\n}\r\n\r\n.sw1 { top: 25%; width: 350px; left: -350px; animation-delay: 0s; }\r\n.sw2 { top: 50%; width: 450px; left: -450px; animation-delay: -7s; }\r\n.sw3 { top: 75%; width: 300px; left: -300px; animation-delay: -14s; }\r\n\r\n@keyframes shimmerWaveFlow {\r\n  0% { transform: translateX(0) rotate(15deg); opacity: 0; }\r\n  10% { opacity: 0.6; }\r\n  90% { opacity: 0.6; }\r\n  100% { transform: translateX(150vw) rotate(15deg); opacity: 0; }\r\n}\r\n\r\n\/* Floating metal orbs *\/\r\n.metal-orbs {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.metal-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle at 30% 30%, \r\n    rgba(255, 215, 0, 0.3) 0%,\r\n    rgba(212, 175, 55, 0.2) 40%,\r\n    rgba(255, 215, 0, 0.1) 70%,\r\n    transparent 90%\r\n  );\r\n  animation: metalOrbFloat 25s infinite ease-in-out;\r\n  filter: blur(4px);\r\n}\r\n\r\n.mo1 { width: 140px; height: 140px; top: 20%; left: 15%; animation-delay: 0s; }\r\n.mo2 { width: 200px; height: 200px; top: 60%; right: 10%; animation-delay: -8s; }\r\n.mo3 { width: 170px; height: 170px; bottom: 20%; left: 50%; animation-delay: -15s; }\r\n\r\n@keyframes metalOrbFloat {\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(70px, -50px) scale(1.4) rotate(120deg);\r\n    opacity: 0.5;\r\n  }\r\n  66% {\r\n    transform: translate(-50px, 70px) scale(0.8) rotate(240deg);\r\n    opacity: 0.3;\r\n  }\r\n}\r\n\r\n\/* Title content *\/\r\n.contact-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-contact-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 72px;\r\n  font-weight: 800;\r\n  margin: 0;\r\n  perspective: 1200px;\r\n  position: relative;\r\n}\r\n\r\n.contact-title-word {\r\n  display: inline-block;\r\n  margin: 0 25px;\r\n  position: relative;\r\n  color: #FFD700;\r\n  text-shadow: \r\n    0 2px 4px rgba(0, 0, 0, 0.5),\r\n    0 0 30px rgba(255, 215, 0, 0.4),\r\n    0 0 60px rgba(212, 175, 55, 0.2);\r\n  animation: contactWordShimmer 8s ease-in-out infinite;\r\n  background: linear-gradient(\r\n    135deg,\r\n    #D4AF37 0%,\r\n    #FFD700 20%,\r\n    #F6C94A 40%,\r\n    #FFD700 60%,\r\n    #F6C94A 80%,\r\n    #D4AF37 100%\r\n  );\r\n  background-size: 300% 300%;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n  position: relative;\r\n}\r\n\r\n.contact-title-word::before {\r\n  content: attr(data-text);\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    135deg,\r\n    rgba(255, 255, 255, 0.8) 0%,\r\n    rgba(255, 255, 255, 0.4) 50%,\r\n    rgba(255, 255, 255, 0.8) 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: metalWordReflect 10s ease-in-out infinite;\r\n  filter: brightness(1.5);\r\n}\r\n\r\n.contact-title-word::after {\r\n  content: attr(data-text);\r\n  position: absolute;\r\n  top: 1px;\r\n  left: 1px;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    135deg,\r\n    transparent 0%,\r\n    rgba(255, 255, 255, 0.1) 25%,\r\n    rgba(255, 255, 255, 0.3) 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: 3;\r\n  animation: metalShine 12s ease-in-out infinite;\r\n}\r\n\r\n.word1 { animation-delay: 0s; }\r\n.word2 { animation-delay: 0.4s; }\r\n\r\n@keyframes contactWordShimmer {\r\n  0%, 100% {\r\n    transform: translateY(0) rotateX(0deg);\r\n    background-position: 0% 50%;\r\n    text-shadow: \r\n      0 2px 4px rgba(0, 0, 0, 0.5),\r\n      0 0 30px rgba(255, 215, 0, 0.4),\r\n      0 0 60px rgba(212, 175, 55, 0.2);\r\n  }\r\n  50% {\r\n    transform: translateY(-15px) rotateX(10deg);\r\n    background-position: 100% 50%;\r\n    text-shadow: \r\n      0 4px 8px rgba(0, 0, 0, 0.6),\r\n      0 0 40px rgba(255, 215, 0, 0.7),\r\n      0 0 80px rgba(212, 175, 55, 0.4),\r\n      0 0 100px rgba(255, 215, 0, 0.2);\r\n  }\r\n}\r\n\r\n@keyframes metalWordReflect {\r\n  0%, 100% {\r\n    opacity: 0.3;\r\n    transform: translate(0, 0);\r\n    filter: brightness(1.2);\r\n  }\r\n  25% {\r\n    opacity: 0.6;\r\n    transform: translate(3px, 3px);\r\n    filter: brightness(1.8);\r\n  }\r\n  50% {\r\n    opacity: 0.3;\r\n    transform: translate(1px, 1px);\r\n    filter: brightness(1.2);\r\n  }\r\n  75% {\r\n    opacity: 0.8;\r\n    transform: translate(2px, 2px);\r\n    filter: brightness(2);\r\n  }\r\n}\r\n\r\n@keyframes metalShine {\r\n  0% {\r\n    background-position: -100% -100%;\r\n    opacity: 0;\r\n  }\r\n  20% {\r\n    opacity: 0.5;\r\n  }\r\n  40% {\r\n    opacity: 0.5;\r\n  }\r\n  60% {\r\n    background-position: 200% 200%;\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    background-position: 200% 200%;\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* Metallic connection *\/\r\n.metallic-connection {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 40px;\r\n  margin: 50px 0;\r\n  position: relative;\r\n  perspective: 800px;\r\n}\r\n\r\n.metal-dot {\r\n  width: 24px;\r\n  height: 24px;\r\n  background: radial-gradient(circle at 30% 30%, \r\n    #FFD700 0%,\r\n    #F6C94A 40%,\r\n    #D4AF37 80%\r\n  );\r\n  border-radius: 50%;\r\n  position: relative;\r\n  animation: metalDotPulse 4s ease-in-out infinite;\r\n  box-shadow: \r\n    0 0 20px rgba(255, 215, 0, 0.9),\r\n    0 0 40px rgba(212, 175, 55, 0.6),\r\n    0 0 60px rgba(255, 215, 0, 0.3);\r\n  transform-style: preserve-3d;\r\n}\r\n\r\n.metal-dot::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: radial-gradient(circle at 70% 70%, \r\n    rgba(255, 255, 255, 0.8) 0%,\r\n    rgba(255, 255, 255, 0.4) 30%,\r\n    transparent 60%\r\n  );\r\n  border-radius: 50%;\r\n  animation: metalDotShine 6s ease-in-out infinite;\r\n}\r\n\r\n.metal-dot::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -6px;\r\n  left: -6px;\r\n  right: -6px;\r\n  bottom: -6px;\r\n  border: 2px solid rgba(255, 215, 0, 0.4);\r\n  border-radius: 50%;\r\n  animation: metalDotRing 3s ease-in-out infinite;\r\n}\r\n\r\n.md1 { animation-delay: 0s; }\r\n.md2 { animation-delay: 2s; }\r\n\r\n.metal-beam {\r\n  flex: 1;\r\n  max-width: 250px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, \r\n    rgba(139, 117, 0, 0.8),\r\n    #D4AF37,\r\n    #FFD700,\r\n    #D4AF37,\r\n    rgba(139, 117, 0, 0.8)\r\n  );\r\n  border-radius: 2px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: \r\n    0 2px 10px rgba(0, 0, 0, 0.3),\r\n    inset 0 1px 1px rgba(255, 255, 255, 0.2);\r\n  transform-style: preserve-3d;\r\n}\r\n\r\n.metal-beam::before {\r\n  content: '';\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    90deg,\r\n    transparent,\r\n    rgba(255, 255, 255, 0.3) 20%,\r\n    rgba(255, 255, 255, 0.6) 50%,\r\n    rgba(255, 255, 255, 0.3) 80%,\r\n    transparent\r\n  );\r\n  animation: metalBeamGleam 4s ease-in-out infinite;\r\n}\r\n\r\n.metal-beam::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 60%;\r\n  height: 100%;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255, 255, 255, 0.9) 30%,\r\n    rgba(255, 255, 255, 0.6) 70%,\r\n    transparent\r\n  );\r\n  filter: blur(1px);\r\n  animation: metalBeamShine 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes metalDotPulse {\r\n  0%, 100% {\r\n    transform: scale(1) rotateX(0deg);\r\n    opacity: 0.8;\r\n  }\r\n  50% {\r\n    transform: scale(1.4) rotateX(180deg);\r\n    opacity: 1;\r\n    box-shadow: \r\n      0 0 25px rgba(255, 215, 0, 1),\r\n      0 0 50px rgba(212, 175, 55, 0.8),\r\n      0 0 80px rgba(255, 215, 0, 0.5);\r\n  }\r\n}\r\n\r\n@keyframes metalDotShine {\r\n  0%, 100% {\r\n    opacity: 0.5;\r\n    transform: rotate(0deg);\r\n  }\r\n  50% {\r\n    opacity: 0.9;\r\n    transform: rotate(180deg);\r\n  }\r\n}\r\n\r\n@keyframes metalDotRing {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.5;\r\n    border-width: 2px;\r\n  }\r\n  50% {\r\n    transform: scale(1.8);\r\n    opacity: 0;\r\n    border-width: 1px;\r\n  }\r\n}\r\n\r\n@keyframes metalBeamGleam {\r\n  0%, 100% {\r\n    opacity: 0.4;\r\n    transform: translateX(0);\r\n  }\r\n  50% {\r\n    opacity: 0.8;\r\n    transform: translateX(10px);\r\n  }\r\n}\r\n\r\n@keyframes metalBeamShine {\r\n  0% {\r\n    transform: translateX(-100%) skewX(-15deg);\r\n    opacity: 0;\r\n  }\r\n  20% {\r\n    opacity: 1;\r\n  }\r\n  40% {\r\n    opacity: 1;\r\n  }\r\n  60% {\r\n    transform: translateX(250%) skewX(-15deg);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    transform: translateX(250%) skewX(-15deg);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* Tagline *\/\r\n.contact-tagline {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 22px;\r\n  color: #FFE9A8;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  font-weight: 300;\r\n  margin-top: 40px;\r\n  opacity: 0.9;\r\n  animation: metallicTaglineFloat 10s ease-in-out infinite;\r\n  position: relative;\r\n  display: inline-block;\r\n  padding: 18px 45px;\r\n  background: rgba(0, 0, 0, 0.4);\r\n  border-radius: 50px;\r\n  border: 1px solid rgba(212, 175, 55, 0.4);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  box-shadow: \r\n    0 10px 40px rgba(0, 0, 0, 0.3),\r\n    inset 0 1px 1px rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.contact-tagline::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -2px;\r\n  left: -2px;\r\n  right: -2px;\r\n  bottom: -2px;\r\n  background: linear-gradient(\r\n    45deg,\r\n    rgba(212, 175, 55, 0.2),\r\n    rgba(255, 215, 0, 0.3),\r\n    rgba(212, 175, 55, 0.2)\r\n  );\r\n  border-radius: 52px;\r\n  z-index: -1;\r\n  animation: metallicTaglineGlow 8s ease-in-out infinite;\r\n}\r\n\r\n.contact-tagline::after {\r\n  content: '';\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    90deg,\r\n    transparent,\r\n    rgba(255, 255, 255, 0.1),\r\n    transparent\r\n  );\r\n  animation: taglineShine 6s ease-in-out infinite;\r\n  border-radius: 50px;\r\n}\r\n\r\n@keyframes metallicTaglineFloat {\r\n  0%, 100% { \r\n    transform: translateY(0) scale(1);\r\n    letter-spacing: 4px;\r\n    color: #FFE9A8;\r\n    border-color: rgba(212, 175, 55, 0.4);\r\n  }\r\n  50% { \r\n    transform: translateY(-10px) scale(1.05);\r\n    letter-spacing: 5px;\r\n    color: #FFF;\r\n    border-color: rgba(255, 215, 0, 0.7);\r\n    box-shadow: \r\n      0 15px 50px rgba(0, 0, 0, 0.4),\r\n      inset 0 1px 2px rgba(255, 255, 255, 0.2);\r\n  }\r\n}\r\n\r\n@keyframes metallicTaglineGlow {\r\n  0%, 100% { \r\n    opacity: 0.4;\r\n    transform: scale(1);\r\n  }\r\n  50% { \r\n    opacity: 0.8;\r\n    transform: scale(1.03);\r\n  }\r\n}\r\n\r\n@keyframes taglineShine {\r\n  0% { transform: translateX(-100%); opacity: 0; }\r\n  20% { opacity: 0.5; }\r\n  40% { opacity: 0.5; }\r\n  60% { transform: translateX(100%); opacity: 0; }\r\n  100% { transform: translateX(100%); opacity: 0; }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .contact-title-section {\r\n    min-height: 60vh;\r\n    padding: 60px 20px;\r\n  }\r\n  \r\n  .main-contact-title {\r\n    font-size: 56px;\r\n  }\r\n  \r\n  .contact-title-word {\r\n    margin: 0 15px;\r\n  }\r\n  \r\n  .metallic-connection {\r\n    gap: 25px;\r\n    margin: 40px 0;\r\n  }\r\n  \r\n  .metal-beam {\r\n    max-width: 180px;\r\n  }\r\n  \r\n  .contact-tagline {\r\n    font-size: 18px;\r\n    letter-spacing: 3px;\r\n    padding: 15px 35px;\r\n  }\r\n  \r\n  .metal-orb {\r\n    width: 100px !important;\r\n    height: 100px !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .main-contact-title {\r\n    font-size: 42px;\r\n  }\r\n  \r\n  .contact-title-word {\r\n    display: block;\r\n    margin: 20px 0;\r\n  }\r\n  \r\n  .metallic-connection {\r\n    gap: 20px;\r\n    margin: 35px 0;\r\n  }\r\n  \r\n  .metal-beam {\r\n    max-width: 120px;\r\n    height: 2px;\r\n  }\r\n  \r\n  .metal-dot {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n  \r\n  .contact-tagline {\r\n    font-size: 16px;\r\n    letter-spacing: 2px;\r\n    padding: 12px 30px;\r\n  }\r\n  \r\n  .metal-particle {\r\n    width: 6px !important;\r\n    height: 6px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Interactive metallic particles\r\n  const metalParticles = document.querySelectorAll('.metal-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    metalParticles.forEach((particle, index) => {\r\n      const speed = 0.3 + (index * 0.04);\r\n      const x = (mouseX * 180 - 90) * speed;\r\n      const y = (mouseY * 180 - 90) * speed;\r\n      \r\n      particle.style.transform += ` translate(${x}px, ${y}px)`;\r\n      \r\n      \/\/ Add sparkle effect\r\n      particle.style.boxShadow = \r\n        `0 0 15px rgba(255, 215, 0, 0.8),\r\n         0 0 30px rgba(212, 175, 55, 0.5),\r\n         0 0 50px rgba(255, 215, 0, 0.3)`;\r\n      \r\n      setTimeout(() => {\r\n        particle.style.boxShadow = \r\n          `0 0 10px rgba(255, 215, 0, 0.6),\r\n           0 0 20px rgba(212, 175, 55, 0.3)`;\r\n      }, 200);\r\n    });\r\n  });\r\n  \r\n  \/\/ Title reveal with metallic effect\r\n  const titleWords = document.querySelectorAll('.contact-title-word');\r\n  \r\n  titleWords.forEach((word, index) => {\r\n    word.style.opacity = '0';\r\n    word.style.transform = 'translateY(50px) rotateX(70deg) scale(0.8)';\r\n    word.style.filter = 'blur(15px) brightness(0.5)';\r\n    \r\n    setTimeout(() => {\r\n      word.style.transition = 'opacity 1.5s ease, transform 1.5s cubic-bezier(0.34, 1.56, 0.64, 1), filter 1.5s ease';\r\n      word.style.opacity = '1';\r\n      word.style.transform = 'translateY(0) rotateX(0deg) scale(1)';\r\n      word.style.filter = 'blur(0) brightness(1)';\r\n    }, index * 400 + 600);\r\n  });\r\n  \r\n  \/\/ Create metallic sparkle trail on click\r\n  document.addEventListener('click', function(e) {\r\n    for (let i = 0; i < 5; i++) {\r\n      setTimeout(() => {\r\n        const sparkle = document.createElement('div');\r\n        sparkle.className = 'metallic-sparkle';\r\n        sparkle.style.left = (e.clientX + (Math.random() * 100 - 50)) + 'px';\r\n        sparkle.style.top = (e.clientY + (Math.random() * 100 - 50)) + 'px';\r\n        sparkle.style.setProperty('--size', (5 + Math.random() * 10) + 'px');\r\n        sparkle.style.setProperty('--delay', (i * 0.1) + 's');\r\n        document.querySelector('.contact-title-background').appendChild(sparkle);\r\n        \r\n        setTimeout(() => {\r\n          sparkle.remove();\r\n        }, 1200);\r\n      }, i * 100);\r\n    }\r\n  });\r\n  \r\n  \/\/ Add CSS for metallic sparkle\r\n  const style = document.createElement('style');\r\n  style.textContent = `\r\n    .metallic-sparkle {\r\n      position: fixed;\r\n      width: var(--size, 10px);\r\n      height: var(--size, 10px);\r\n      background: radial-gradient(circle, \r\n        #FFD700 0%,\r\n        #F6C94A 40%,\r\n        #D4AF37 80%,\r\n        transparent 100%\r\n      );\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n      filter: blur(1px);\r\n      box-shadow: \r\n        0 0 15px rgba(255, 215, 0, 0.9),\r\n        0 0 30px rgba(212, 175, 55, 0.6);\r\n      animation: metallicSparkleBurst 1.2s ease-out var(--delay, 0s) forwards;\r\n      z-index: 100;\r\n    }\r\n    \r\n    @keyframes metallicSparkleBurst {\r\n      0% {\r\n        opacity: 1;\r\n        transform: scale(0) rotate(0deg);\r\n      }\r\n      40% {\r\n        opacity: 0.8;\r\n        transform: scale(2) rotate(180deg);\r\n        box-shadow: \r\n          0 0 20px rgba(255, 215, 0, 1),\r\n          0 0 40px rgba(212, 175, 55, 0.8),\r\n          0 0 60px rgba(255, 215, 0, 0.6);\r\n      }\r\n      100% {\r\n        opacity: 0;\r\n        transform: scale(3) rotate(360deg);\r\n      }\r\n    }\r\n  `;\r\n  document.head.appendChild(style);\r\n  \r\n  \/\/ Make metal orbs react to mouse\r\n  const metalOrbs = document.querySelectorAll('.metal-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    metalOrbs.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      \/\/ Add intensity based on distance from center\r\n      const distance = Math.sqrt(\r\n        Math.pow(mouseX - centerX, 2) + \r\n        Math.pow(mouseY - centerY, 2)\r\n      ) \/ centerX;\r\n      \r\n      orb.style.opacity = Math.min(0.6 + distance * 0.4, 1);\r\n    });\r\n  });\r\n  \r\n  \/\/ Create metallic connections between title words\r\n  titleWords.forEach(word => {\r\n    word.addEventListener('mouseenter', function() {\r\n      \/\/ Create connecting metal particles\r\n      const dots = document.querySelectorAll('.metal-dot');\r\n      if (dots.length >= 2) {\r\n        const dot1 = dots[0].getBoundingClientRect();\r\n        const dot2 = dots[1].getBoundingClientRect();\r\n        \r\n        for (let i = 0; i < 5; i++) {\r\n          setTimeout(() => {\r\n            const connector = document.createElement('div');\r\n            connector.className = 'metal-connector';\r\n            connector.style.left = (dot1.left + dot1.width \/ 2) + 'px';\r\n            connector.style.top = (dot1.top + dot1.height \/ 2) + 'px';\r\n            connector.style.setProperty('--target-x', (dot2.left + dot2.width \/ 2) + 'px');\r\n            connector.style.setProperty('--target-y', (dot2.top + dot2.height \/ 2) + 'px');\r\n            connector.style.setProperty('--angle', Math.atan2(\r\n              dot2.top - dot1.top,\r\n              dot2.left - dot1.left\r\n            ) + 'rad');\r\n            document.querySelector('.contact-title-background').appendChild(connector);\r\n            \r\n            setTimeout(() => {\r\n              connector.remove();\r\n            }, 1000);\r\n          }, i * 150);\r\n        }\r\n      }\r\n      \r\n      \/\/ Enhance word shine\r\n      this.style.animationPlayState = 'paused';\r\n      const originalShadow = this.style.textShadow;\r\n      this.style.textShadow = \r\n        '0 4px 8px rgba(0, 0, 0, 0.7), ' +\r\n        '0 0 50px rgba(255, 215, 0, 0.9), ' +\r\n        '0 0 100px rgba(212, 175, 55, 0.6), ' +\r\n        '0 0 150px rgba(255, 215, 0, 0.3)';\r\n      \r\n      setTimeout(() => {\r\n        this.style.textShadow = originalShadow;\r\n        this.style.animationPlayState = 'running';\r\n      }, 1000);\r\n    });\r\n  });\r\n  \r\n  \/\/ Add CSS for metal connectors\r\n  const connectorStyle = document.createElement('style');\r\n  connectorStyle.textContent = `\r\n    .metal-connector {\r\n      position: fixed;\r\n      width: 6px;\r\n      height: 6px;\r\n      background: radial-gradient(circle, #FFD700, #F6C94A);\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n      filter: blur(1px);\r\n      box-shadow: \r\n        0 0 15px rgba(255, 215, 0, 0.9),\r\n        0 0 30px rgba(212, 175, 55, 0.6);\r\n      animation: metalConnect 1s ease-out forwards;\r\n      z-index: 100;\r\n    }\r\n    \r\n    @keyframes metalConnect {\r\n      0% {\r\n        transform: \r\n          translate(0, 0)\r\n          scale(1)\r\n          rotate(0deg);\r\n        opacity: 1;\r\n      }\r\n      30% {\r\n        transform: \r\n          translate(\r\n            calc((var(--target-x) - var(--start-x)) * 0.3),\r\n            calc((var(--target-y) - var(--start-y)) * 0.3)\r\n          )\r\n          scale(1.5)\r\n          rotate(90deg);\r\n        opacity: 0.8;\r\n        box-shadow: \r\n          0 0 20px rgba(255, 215, 0, 1),\r\n          0 0 40px rgba(212, 175, 55, 0.8);\r\n      }\r\n      70% {\r\n        transform: \r\n          translate(\r\n            calc((var(--target-x) - var(--start-x)) * 0.7),\r\n            calc((var(--target-y) - var(--start-y)) * 0.7)\r\n          )\r\n          scale(1)\r\n          rotate(180deg);\r\n        opacity: 0.6;\r\n      }\r\n      100% {\r\n        transform: \r\n          translate(\r\n            calc(var(--target-x) - var(--start-x)),\r\n            calc(var(--target-y) - var(--start-y))\r\n          )\r\n          scale(0)\r\n          rotate(270deg);\r\n        opacity: 0;\r\n      }\r\n    }\r\n  `;\r\n  document.head.appendChild(connectorStyle);\r\n  \r\n  \/\/ Add shimmer to tagline on hover\r\n  const tagline = document.querySelector('.contact-tagline');\r\n  \r\n  tagline.addEventListener('mouseenter', function() {\r\n    this.style.animation = 'none';\r\n    setTimeout(() => {\r\n      this.style.animation = 'metallicTaglineFloat 10s ease-in-out infinite';\r\n    }, 50);\r\n    \r\n    \/\/ Create tagline shimmer particles\r\n    const rect = this.getBoundingClientRect();\r\n    for (let i = 0; i < 8; i++) {\r\n      setTimeout(() => {\r\n        const spark = document.createElement('div');\r\n        spark.className = 'tagline-spark';\r\n        spark.style.left = (rect.left + Math.random() * rect.width) + 'px';\r\n        spark.style.top = (rect.top + Math.random() * rect.height) + 'px';\r\n        document.querySelector('.contact-title-background').appendChild(spark);\r\n        \r\n        setTimeout(() => {\r\n          spark.remove();\r\n        }, 800);\r\n      }, i * 100);\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-1620c34 e-con-full e-flex e-con e-parent\" data-id=\"1620c34\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a44890 elementor-widget elementor-widget-spacer\" data-id=\"3a44890\" 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-8970630 e-con-full e-flex e-con e-parent\" data-id=\"8970630\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44e4e3e elementor-widget elementor-widget-html\" data-id=\"44e4e3e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Contact Subtitle with Black & Gold Animations -->\r\n<div class=\"contact-subtitle-container\">\r\n  <h2 class=\"contact-subtitle\">\r\n    <span class=\"subtitle-text gold-text\">Email Us<\/span>\r\n    <span class=\"subtitle-line\"><\/span>\r\n  <\/h2>\r\n<\/div>\r\n\r\n<style>\r\n.contact-subtitle-container {\r\n  padding: 30px 20px;\r\n  position: relative;\r\n  margin-bottom: 40px;\r\n  overflow: hidden;\r\n}\r\n\r\n.contact-subtitle {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 600;\r\n  letter-spacing: 1px;\r\n  position: relative;\r\n  display: inline-block;\r\n  margin: 0;\r\n  padding: 0 40px;\r\n}\r\n\r\n.gold-text {\r\n  background: linear-gradient(\r\n    45deg,\r\n    #d4a726 0%,\r\n    #e6b325 25%,\r\n    #ffcc33 50%,\r\n    #e6b325 75%,\r\n    #d4a726 100%\r\n  );\r\n  background-size: 200% 200%;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  position: relative;\r\n  display: inline-block;\r\n  animation: goldFlow 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes goldFlow {\r\n  0%, 100% {\r\n    background-position: 0% 50%;\r\n    text-shadow: 0 0 15px rgba(212, 167, 38, 0.3);\r\n  }\r\n  50% {\r\n    background-position: 100% 50%;\r\n    text-shadow: 0 0 25px rgba(212, 167, 38, 0.6);\r\n  }\r\n}\r\n\r\n.subtitle-line {\r\n  position: absolute;\r\n  bottom: -10px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, \r\n    transparent 0%, \r\n    #d4a726 20%, \r\n    #e6b325 50%, \r\n    #d4a726 80%, \r\n    transparent 100%\r\n  );\r\n  border-radius: 1px;\r\n  animation: lineGlow 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes lineGlow {\r\n  0%, 100% {\r\n    opacity: 0.7;\r\n    box-shadow: 0 0 10px rgba(212, 167, 38, 0.3);\r\n  }\r\n  50% {\r\n    opacity: 1;\r\n    box-shadow: 0 0 20px rgba(212, 167, 38, 0.6);\r\n  }\r\n}\r\n\r\n\/* Gold accent dots *\/\r\n.contact-subtitle::before,\r\n.contact-subtitle::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #e6b325;\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 15px rgba(212, 167, 38, 0.8);\r\n  animation: dotPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.contact-subtitle::before {\r\n  left: 0;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.contact-subtitle::after {\r\n  right: 0;\r\n  animation-delay: 1s;\r\n}\r\n\r\n@keyframes dotPulse {\r\n  0%, 100% {\r\n    transform: translateY(-50%) scale(1);\r\n    opacity: 0.7;\r\n  }\r\n  50% {\r\n    transform: translateY(-50%) scale(1.5);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n\/* Hover effects *\/\r\n.contact-subtitle:hover .gold-text {\r\n  animation-duration: 1.5s;\r\n}\r\n\r\n.contact-subtitle:hover .subtitle-line {\r\n  animation-duration: 1s;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .contact-subtitle {\r\n    font-size: 28px;\r\n    padding: 0 30px;\r\n  }\r\n  \r\n  .contact-subtitle::before,\r\n  .contact-subtitle::after {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .contact-subtitle {\r\n    font-size: 24px;\r\n    padding: 0 25px;\r\n  }\r\n  \r\n  .contact-subtitle-container {\r\n    margin-bottom: 30px;\r\n    padding: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const subtitle = document.querySelector('.contact-subtitle');\r\n  \r\n  subtitle.addEventListener('mouseenter', function() {\r\n    this.style.transform = 'scale(1.05)';\r\n    this.style.transition = 'transform 0.3s ease';\r\n  });\r\n  \r\n  subtitle.addEventListener('mouseleave', function() {\r\n    this.style.transform = 'scale(1)';\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-b3f8e76 e-con-full e-flex e-con e-parent\" data-id=\"b3f8e76\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7690831 e-con-full e-flex e-con e-child\" data-id=\"7690831\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9669d0a elementor-widget elementor-widget-shortcode\" data-id=\"9669d0a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f540-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"540\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/214#wpcf7-f540-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"540\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f540-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f6677d e-con-full e-flex e-con e-child\" data-id=\"2f6677d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7750bcd elementor-widget elementor-widget-image\" data-id=\"7750bcd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"910\" src=\"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204-1024x910.png\" class=\"attachment-large size-large wp-image-424\" alt=\"\" srcset=\"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204-1024x910.png 1024w, https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204-300x267.png 300w, https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204-768x682.png 768w, https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204-465x413.png 465w, https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204-563x500.png 563w, https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204.png 1040w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5f0843 e-con-full e-flex e-con e-parent\" data-id=\"f5f0843\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0924c0 elementor-widget elementor-widget-spacer\" data-id=\"c0924c0\" 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-7c93cda e-con-full e-flex e-con e-parent\" data-id=\"7c93cda\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5faedf4 elementor-widget elementor-widget-html\" data-id=\"5faedf4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- White & Gold Contact Footer -->\r\n<div class=\"white-gold-contact-footer\">\r\n  <div class=\"contact-wrapper\">\r\n    <!-- Left Side: Location\/Map -->\r\n    <div class=\"location-side\">\r\n      <div class=\"section-subtitle\">Find Us<\/div>\r\n      \r\n      <!-- Clickable Map -->\r\n      <div class=\"clickable-map\" onclick=\"openDirections()\">\r\n        <div class=\"map-visual\">\r\n          <!-- Map Background -->\r\n          <div class=\"map-background\">\r\n            <div class=\"map-grid\">\r\n              <div class=\"grid-line g1\"><\/div>\r\n              <div class=\"grid-line g2\"><\/div>\r\n              <div class=\"grid-line g3\"><\/div>\r\n              <div class=\"grid-line g4\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Roads -->\r\n            <div class=\"roads-container\">\r\n              <div class=\"road r1\"><\/div>\r\n              <div class=\"road r2\"><\/div>\r\n              <div class=\"road r3\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Buildings -->\r\n            <div class=\"buildings\">\r\n              <div class=\"building bd1\"><\/div>\r\n              <div class=\"building bd2\"><\/div>\r\n              <div class=\"building bd3\"><\/div>\r\n              <div class=\"building bd4\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Animated Marker -->\r\n          <div class=\"map-marker\">\r\n            <div class=\"marker-outer\"><\/div>\r\n            <div class=\"marker-inner\">\r\n              <div class=\"marker-dot\"><\/div>\r\n            <\/div>\r\n            <div class=\"marker-pulse\"><\/div>\r\n          <\/div>\r\n          \r\n          <!-- Hover Effect -->\r\n          <div class=\"map-hover-overlay\">\r\n            <div class=\"hover-text\">Click to open directions \u2197<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Address -->\r\n        <div class=\"map-address\">\r\n          <div class=\"address-line\">\r\n            <span class=\"line-icon\">\ud83d\udccd<\/span>\r\n            <span>Shop No. 2 Sarutal Building<\/span>\r\n          <\/div>\r\n          <div class=\"address-line\">\r\n            <span class=\"line-icon\">\ufe0f<\/span>\r\n            <span>Alick Nkhata Road, Kalingalinga<\/span>\r\n          <\/div>\r\n          <div class=\"address-line\">\r\n            <span class=\"line-icon\"><\/span>\r\n            <span>Lusaka, Zambia<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Contact Info -->\r\n      <div class=\"contact-info\">\r\n        <a href=\"mailto:info@twizatinosolutions.co.zm\" class=\"contact-email\">\r\n          <span class=\"contact-label\">Email:<\/span>\r\n          <span class=\"contact-value\">info@twizatinosolutions.co.zm<\/span>\r\n        <\/a>\r\n        <a href=\"tel:+260961236595\" class=\"contact-phone\">\r\n          <span class=\"contact-label\">Phone:<\/span>\r\n          <span class=\"contact-value\">+260961236595<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Right Side: Socials -->\r\n    <div class=\"socials-side\">\r\n      <div class=\"section-subtitle\">Connect<\/div>\r\n      \r\n      <div class=\"socials-grid\">\r\n        <!-- Facebook -->\r\n        <a href=\"https:\/\/www.facebook.com\/share\/1DK1j1Q1iN\/\" target=\"_blank\" class=\"social-card facebook-card\">\r\n          <div class=\"social-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"social-info\">\r\n            <div class=\"social-name\">Facebook<\/div>\r\n            <div class=\"social-handle\">Twizatino Solutions<\/div>\r\n          <\/div>\r\n          <div class=\"social-arrow\">\u2192<\/div>\r\n        <\/a>\r\n        \r\n        <!-- TikTok -->\r\n        <a href=\"https:\/\/www.tiktok.com\/@twizatino.solutio\" target=\"_blank\" class=\"social-card tiktok-card\">\r\n          <div class=\"social-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"social-info\">\r\n            <div class=\"social-name\">TikTok<\/div>\r\n            <div class=\"social-handle\">@twizatino.solutio<\/div>\r\n          <\/div>\r\n          <div class=\"social-arrow\">\u2192<\/div>\r\n        <\/a>\r\n        \r\n        <!-- LinkedIn -->\r\n        <a href=\"https:\/\/www.linkedin.com\/in\/twizatino-solutions-limited-5b288a3a0\" target=\"_blank\" class=\"social-card linkedin-card\">\r\n          <div class=\"social-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path>\r\n              <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect>\r\n              <circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"social-info\">\r\n            <div class=\"social-name\">LinkedIn<\/div>\r\n            <div class=\"social-handle\">Twizatino Solutions<\/div>\r\n          <\/div>\r\n          <div class=\"social-arrow\">\u2192<\/div>\r\n        <\/a>\r\n        \r\n        <!-- Threads -->\r\n        <a href=\"https:\/\/www.threads.com\/@twizatino_tsl\" target=\"_blank\" class=\"social-card threads-card\">\r\n          <div class=\"social-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M14 8a4 4 0 0 0-4 4v4h8v-4a4 4 0 0 0-4-4z\"><\/path>\r\n              <path d=\"M6 8v8\"><\/path>\r\n              <path d=\"M10 8v8\"><\/path>\r\n              <path d=\"M14 8v8\"><\/path>\r\n              <path d=\"M18 8v8\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"social-info\">\r\n            <div class=\"social-name\">Threads<\/div>\r\n            <div class=\"social-handle\">@twizatino_tsl<\/div>\r\n          <\/div>\r\n          <div class=\"social-arrow\">\u2192<\/div>\r\n        <\/a>\r\n        \r\n        <!-- X\/Twitter -->\r\n        <a href=\"https:\/\/x.com\/TwizatinoF\" target=\"_blank\" class=\"social-card twitter-card\">\r\n          <div class=\"social-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 4l11.733 16h4.267l-11.733 -16z\"><\/path>\r\n              <path d=\"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"social-info\">\r\n            <div class=\"social-name\">X\/Twitter<\/div>\r\n            <div class=\"social-handle\">@TwizatinoF<\/div>\r\n          <\/div>\r\n          <div class=\"social-arrow\">\u2192<\/div>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <!-- Website -->\r\n      <div class=\"website-link-container\">\r\n        <a href=\"https:\/\/twizatinosolutions.co.zm\" target=\"_blank\" class=\"website-link\">\r\n          <div class=\"website-icon\">\ud83c\udf10<\/div>\r\n          <div class=\"website-text\">twizatinosolutions.com<\/div>\r\n          <div class=\"website-arrow\">\u2197<\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Footer Note -->\r\n  <div class=\"footer-note\">\r\n    <div class=\"note-dots\">\r\n      <div class=\"note-dot\"><\/div>\r\n      <div class=\"note-dot\"><\/div>\r\n      <div class=\"note-dot\"><\/div>\r\n    <\/div>\r\n    <div class=\"note-text\"><\/div>\r\n    <div class=\"note-dots\">\r\n      <div class=\"note-dot\"><\/div>\r\n      <div class=\"note-dot\"><\/div>\r\n      <div class=\"note-dot\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* White & Gold Contact Footer *\/\r\n.white-gold-contact-footer {\r\n  background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);\r\n  padding: 80px 20px 40px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.contact-wrapper {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n}\r\n\r\n\/* Section Subtitles *\/\r\n.section-subtitle {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  color: #B8891B;\r\n  text-transform: uppercase;\r\n  letter-spacing: 3px;\r\n  margin-bottom: 30px;\r\n  font-weight: 600;\r\n  position: relative;\r\n  padding-left: 25px;\r\n}\r\n\r\n.section-subtitle::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 15px;\r\n  height: 2px;\r\n  background: #E6B325;\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* Left Side: Location *\/\r\n.clickable-map {\r\n  cursor: pointer;\r\n  transition: transform 0.3s ease;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.clickable-map:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.map-visual {\r\n  height: 300px;\r\n  background: linear-gradient(135deg, #f5f5f5 0%, #eaeaea 100%);\r\n  border-radius: 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(184, 137, 27, 0.1);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* Map Background *\/\r\n.map-background {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.map-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.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(184, 137, 27, 0.05) 1px, transparent 1px);\r\n  background-size: 50px 50px;\r\n  animation: gridFlow 40s linear infinite;\r\n}\r\n\r\n@keyframes gridFlow {\r\n  0% { background-position: 0 0; }\r\n  100% { background-position: 50px 50px; }\r\n}\r\n\r\n\/* Roads *\/\r\n.roads-container {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.road {\r\n  position: absolute;\r\n  background: rgba(184, 137, 27, 0.15);\r\n  border-radius: 3px;\r\n  animation: roadFloat 20s infinite ease-in-out;\r\n}\r\n\r\n.r1 { width: 80%; height: 4px; top: 40%; left: 10%; transform: rotate(5deg); animation-delay: 0s; }\r\n.r2 { width: 70%; height: 4px; top: 60%; left: 15%; transform: rotate(-3deg); animation-delay: -5s; }\r\n.r3 { width: 75%; height: 4px; top: 25%; right: 10%; transform: rotate(2deg); animation-delay: -10s; }\r\n\r\n@keyframes roadFloat {\r\n  0%, 100% { opacity: 0.3; transform: translateY(0) rotate(var(--rotation)); }\r\n  50% { opacity: 0.6; transform: translateY(-5px) rotate(var(--rotation)); }\r\n}\r\n\r\n\/* Buildings *\/\r\n.buildings {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.building {\r\n  position: absolute;\r\n  background: rgba(184, 137, 27, 0.1);\r\n  border: 1px solid rgba(230, 179, 37, 0.15);\r\n  border-radius: 5px;\r\n  animation: buildingFloat 15s infinite ease-in-out;\r\n  bottom: 30px;\r\n}\r\n\r\n.bd1 { width: 40px; height: 80px; left: 40px; animation-delay: 0s; }\r\n.bd2 { width: 60px; height: 120px; right: 60px; animation-delay: -3s; }\r\n.bd3 { width: 50px; height: 100px; left: 120px; animation-delay: -6s; }\r\n.bd4 { width: 45px; height: 90px; right: 150px; animation-delay: -9s; }\r\n\r\n@keyframes buildingFloat {\r\n  0%, 100% { transform: translateY(0); opacity: 0.3; }\r\n  50% { transform: translateY(-10px); opacity: 0.6; }\r\n}\r\n\r\n\/* Map Marker *\/\r\n.map-marker {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  z-index: 10;\r\n}\r\n\r\n.marker-outer {\r\n  width: 60px;\r\n  height: 60px;\r\n  background: rgba(230, 179, 37, 0.1);\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  animation: outerPulse 3s infinite ease-in-out;\r\n}\r\n\r\n@keyframes outerPulse {\r\n  0%, 100% { width: 60px; height: 60px; opacity: 0.3; }\r\n  50% { width: 80px; height: 80px; opacity: 0.1; }\r\n}\r\n\r\n.marker-inner {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: #FFD86A;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: \r\n    0 0 30px rgba(255, 216, 106, 0.6),\r\n    0 0 60px rgba(230, 179, 37, 0.3);\r\n  position: relative;\r\n  animation: innerFloat 4s infinite ease-in-out;\r\n}\r\n\r\n@keyframes innerFloat {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-8px); }\r\n}\r\n\r\n.marker-dot {\r\n  width: 12px;\r\n  height: 12px;\r\n  background: #B8891B;\r\n  border-radius: 50%;\r\n  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.marker-pulse {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 100px;\r\n  height: 100px;\r\n  background: rgba(184, 137, 27, 0.05);\r\n  border-radius: 50%;\r\n  animation: pulseRing 2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes pulseRing {\r\n  0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5; }\r\n  100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }\r\n}\r\n\r\n\/* Map Hover Overlay *\/\r\n.map-hover-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(184, 137, 27, 0);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 0.3s ease;\r\n  opacity: 0;\r\n}\r\n\r\n.map-visual:hover .map-hover-overlay {\r\n  background: rgba(184, 137, 27, 0.1);\r\n  opacity: 1;\r\n}\r\n\r\n.hover-text {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  padding: 12px 24px;\r\n  border-radius: 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  color: #B8891B;\r\n  font-weight: 600;\r\n  border: 2px solid #E6B325;\r\n  transform: translateY(20px);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.map-visual:hover .hover-text {\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Map Address *\/\r\n.map-address {\r\n  background: rgba(248, 248, 248, 0.8);\r\n  border-radius: 15px;\r\n  padding: 20px;\r\n  border: 1px solid rgba(184, 137, 27, 0.15);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.address-line {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 10px 0;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n  color: #333;\r\n  border-bottom: 1px solid rgba(184, 137, 27, 0.1);\r\n}\r\n\r\n.address-line:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.line-icon {\r\n  font-size: 18px;\r\n  width: 30px;\r\n  height: 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(184, 137, 27, 0.1);\r\n  border-radius: 8px;\r\n  color: #B8891B;\r\n}\r\n\r\n\/* Contact Info *\/\r\n.contact-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n}\r\n\r\n.contact-email,\r\n.contact-phone {\r\n  display: block;\r\n  padding: 15px 20px;\r\n  background: rgba(248, 248, 248, 0.8);\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(184, 137, 27, 0.15);\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.contact-email:hover,\r\n.contact-phone:hover {\r\n  background: rgba(184, 137, 27, 0.05);\r\n  border-color: #E6B325;\r\n  transform: translateX(5px);\r\n}\r\n\r\n.contact-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 12px;\r\n  color: #666;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.contact-value {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n  color: #B8891B;\r\n  font-weight: 600;\r\n}\r\n\r\n.contact-email:hover .contact-value,\r\n.contact-phone:hover .contact-value {\r\n  color: #E6B325;\r\n}\r\n\r\n\/* Right Side: Socials *\/\r\n.socials-grid {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.social-card {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 18px 25px;\r\n  background: rgba(248, 248, 248, 0.8);\r\n  border-radius: 15px;\r\n  border: 1px solid rgba(184, 137, 27, 0.15);\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.social-card:hover {\r\n  background: rgba(184, 137, 27, 0.05);\r\n  border-color: #E6B325;\r\n  transform: translateX(-5px);\r\n  box-shadow: \r\n    0 10px 25px rgba(0, 0, 0, 0.05),\r\n    0 0 0 1px rgba(230, 179, 37, 0.1);\r\n}\r\n\r\n.social-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: rgba(184, 137, 27, 0.1);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.social-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  fill: #B8891B;\r\n}\r\n\r\n.social-card:hover .social-icon svg {\r\n  fill: #E6B325;\r\n}\r\n\r\n.social-info {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.social-name {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 16px;\r\n  color: #333;\r\n  font-weight: 600;\r\n}\r\n\r\n.social-handle {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  color: #B8891B;\r\n}\r\n\r\n.social-card:hover .social-handle {\r\n  color: #E6B325;\r\n}\r\n\r\n.social-arrow {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 20px;\r\n  color: #B8891B;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.social-card:hover .social-arrow {\r\n  transform: translateX(5px);\r\n  color: #E6B325;\r\n}\r\n\r\n\/* Social Card Variations *\/\r\n.facebook-card { border-left: 4px solid rgba(24, 119, 242, 0.3); }\r\n.tiktok-card { border-left: 4px solid rgba(184, 137, 27, 0.3); }\r\n.linkedin-card { border-left: 4px solid rgba(230, 179, 37, 0.3); }\r\n.threads-card { border-left: 4px solid rgba(255, 216, 106, 0.3); }\r\n.twitter-card { border-left: 4px solid rgba(184, 137, 27, 0.3); }\r\n\r\n\/* Website Link *\/\r\n.website-link-container {\r\n  background: rgba(248, 248, 248, 0.8);\r\n  border-radius: 15px;\r\n  padding: 25px;\r\n  border: 1px solid rgba(184, 137, 27, 0.15);\r\n}\r\n\r\n.website-link {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  text-decoration: none;\r\n  padding: 0;\r\n  background: transparent;\r\n  border: none;\r\n  width: 100%;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.website-icon {\r\n  font-size: 24px;\r\n  width: 50px;\r\n  height: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(184, 137, 27, 0.1);\r\n  border-radius: 12px;\r\n  color: #B8891B;\r\n}\r\n\r\n.website-text {\r\n  flex: 1;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 18px;\r\n  color: #333;\r\n  font-weight: 600;\r\n}\r\n\r\n.website-arrow {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 24px;\r\n  color: #B8891B;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.website-link:hover {\r\n  transform: translateX(5px);\r\n}\r\n\r\n.website-link:hover .website-icon {\r\n  background: rgba(184, 137, 27, 0.2);\r\n  color: #E6B325;\r\n}\r\n\r\n.website-link:hover .website-text {\r\n  color: #B8891B;\r\n}\r\n\r\n.website-link:hover .website-arrow {\r\n  transform: translate(3px, -3px);\r\n  color: #E6B325;\r\n}\r\n\r\n\/* Footer Note *\/\r\n.footer-note {\r\n  max-width: 1200px;\r\n  margin: 60px auto 0;\r\n  padding: 25px 0 0;\r\n  border-top: 1px solid rgba(184, 137, 27, 0.1);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 30px;\r\n}\r\n\r\n.note-dots {\r\n  display: flex;\r\n  gap: 8px;\r\n}\r\n\r\n.note-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #E6B325;\r\n  border-radius: 50%;\r\n  animation: dotPulse 2s infinite ease-in-out;\r\n}\r\n\r\n.note-dot:nth-child(1) { animation-delay: 0s; }\r\n.note-dot:nth-child(2) { animation-delay: 0.2s; }\r\n.note-dot:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n@keyframes dotPulse {\r\n  0%, 100% { opacity: 0.3; transform: scale(1); }\r\n  50% { opacity: 1; transform: scale(1.5); }\r\n}\r\n\r\n.note-text {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 14px;\r\n  color: #666;\r\n  font-style: italic;\r\n  text-align: center;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 992px) {\r\n  .contact-wrapper {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  \r\n  .map-visual {\r\n    height: 250px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .white-gold-contact-footer {\r\n    padding: 60px 20px 30px;\r\n  }\r\n  \r\n  .social-card {\r\n    padding: 15px 20px;\r\n  }\r\n  \r\n  .website-link-container {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .website-text {\r\n    font-size: 16px;\r\n  }\r\n  \r\n  .footer-note {\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .map-visual {\r\n    height: 200px;\r\n  }\r\n  \r\n  .address-line {\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .contact-value {\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .social-name {\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .social-handle {\r\n    font-size: 12px;\r\n  }\r\n  \r\n  .section-subtitle {\r\n    font-size: 12px;\r\n    letter-spacing: 2px;\r\n  }\r\n}\r\n\r\n\/* Entrance Animations *\/\r\n@keyframes slideInLeft {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n@keyframes slideInRight {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n.location-side {\r\n  animation: slideInLeft 0.8s ease-out forwards;\r\n}\r\n\r\n.socials-side {\r\n  animation: slideInRight 0.8s ease-out forwards;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction openDirections() {\r\n  const address = \"Shop No. 2 Sarutal Building, Alick Nkhata Road, Kalingalinga, Lusaka, Zambia\";\r\n  const mapsUrl = `https:\/\/www.google.com\/maps\/dir\/?api=1&destination=${encodeURIComponent(address)}`;\r\n  window.open(mapsUrl, '_blank');\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Add click feedback to map\r\n  const map = document.querySelector('.clickable-map');\r\n  \r\n  map.addEventListener('click', function() {\r\n    \/\/ Add click animation\r\n    this.style.transform = 'scale(0.98)';\r\n    setTimeout(() => {\r\n      this.style.transform = '';\r\n    }, 200);\r\n    \r\n    \/\/ Show click confirmation\r\n    const marker = this.querySelector('.marker-inner');\r\n    if (marker) {\r\n      marker.style.transform = 'scale(1.2)';\r\n      setTimeout(() => {\r\n        marker.style.transform = '';\r\n      }, 300);\r\n    }\r\n  });\r\n  \r\n  \/\/ Add hover effect to social cards\r\n  const socialCards = document.querySelectorAll('.social-card');\r\n  \r\n  socialCards.forEach(card => {\r\n    card.addEventListener('mouseenter', function() {\r\n      const arrow = this.querySelector('.social-arrow');\r\n      if (arrow) {\r\n        arrow.style.transform = 'translateX(5px)';\r\n      }\r\n    });\r\n    \r\n    card.addEventListener('mouseleave', function() {\r\n      const arrow = this.querySelector('.social-arrow');\r\n      if (arrow) {\r\n        arrow.style.transform = 'translateX(0)';\r\n      }\r\n    });\r\n  });\r\n  \r\n  \/\/ Add hover effect to contact links\r\n  const contactLinks = document.querySelectorAll('.contact-email, .contact-phone');\r\n  \r\n  contactLinks.forEach(link => {\r\n    link.addEventListener('mouseenter', function() {\r\n      this.style.transform = 'translateX(5px)';\r\n    });\r\n    \r\n    link.addEventListener('mouseleave', function() {\r\n      this.style.transform = 'translateX(0)';\r\n    });\r\n  });\r\n  \r\n  \/\/ Initialize entrance animations\r\n  setTimeout(() => {\r\n    document.querySelectorAll('.location-side, .socials-side').forEach(side => {\r\n      side.style.opacity = '1';\r\n      side.style.transform = 'translateX(0)';\r\n    });\r\n  }, 300);\r\n  \r\n  \/\/ Add scroll animation for buildings\r\n  const buildings = document.querySelectorAll('.building');\r\n  \r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.style.animationPlayState = 'running';\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  \r\n  buildings.forEach(building => {\r\n    observer.observe(building);\r\n  });\r\n});\r\n<\/script>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get In Touch Connect With Our Financial Experts Email Us Find Us Click to open directions \u2197 \ud83d\udccd Shop No. 2 Sarutal Building \ufe0f Alick Nkhata Road, Kalingalinga Lusaka, Zambia Email: info@twizatinosolutions.co.zm Phone: +260961236595 Connect Facebook Twizatino Solutions \u2192 TikTok @twizatino.solutio \u2192 LinkedIn Twizatino Solutions \u2192 Threads @twizatino_tsl \u2192 X\/Twitter<span class=\"more-link theme-more-link\"><a href=\"https:\/\/twizatino.com\/index.php\/contact\/\">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-214","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>Contact - 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\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - Twizatino Solutions Limited\" \/>\n<meta property=\"og:description\" content=\"Get In Touch Connect With Our Financial Experts Email Us Find Us Click to open directions \u2197 \ud83d\udccd Shop No. 2 Sarutal Building \ufe0f Alick Nkhata Road, Kalingalinga Lusaka, Zambia Email: info@twizatinosolutions.co.zm Phone: +260961236595 Connect Facebook Twizatino Solutions \u2192 TikTok @twizatino.solutio \u2192 LinkedIn Twizatino Solutions \u2192 Threads @twizatino_tsl \u2192 X\/TwitterContinue Reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/twizatino.com\/index.php\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Twizatino Solutions Limited\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-08T08:15:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1040\" \/>\n\t<meta property=\"og:image:height\" content=\"924\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/twizatino.com\/index.php\/contact\/\",\"url\":\"https:\/\/twizatino.com\/index.php\/contact\/\",\"name\":\"Contact - Twizatino Solutions Limited\",\"isPartOf\":{\"@id\":\"https:\/\/twizatino.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/twizatino.com\/index.php\/contact\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/twizatino.com\/index.php\/contact\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204-1024x910.png\",\"datePublished\":\"2025-12-04T06:11:53+00:00\",\"dateModified\":\"2026-01-08T08:15:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/twizatino.com\/index.php\/contact\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/twizatino.com\/index.php\/contact\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/twizatino.com\/index.php\/contact\/#primaryimage\",\"url\":\"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204.png\",\"contentUrl\":\"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204.png\",\"width\":1040,\"height\":924},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/twizatino.com\/index.php\/contact\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/twizatino.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@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":"Contact - 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\/contact\/","og_locale":"en_US","og_type":"article","og_title":"Contact - Twizatino Solutions Limited","og_description":"Get In Touch Connect With Our Financial Experts Email Us Find Us Click to open directions \u2197 \ud83d\udccd Shop No. 2 Sarutal Building \ufe0f Alick Nkhata Road, Kalingalinga Lusaka, Zambia Email: info@twizatinosolutions.co.zm Phone: +260961236595 Connect Facebook Twizatino Solutions \u2192 TikTok @twizatino.solutio \u2192 LinkedIn Twizatino Solutions \u2192 Threads @twizatino_tsl \u2192 X\/TwitterContinue Reading","og_url":"https:\/\/twizatino.com\/index.php\/contact\/","og_site_name":"Twizatino Solutions Limited","article_modified_time":"2026-01-08T08:15:41+00:00","og_image":[{"width":1040,"height":924,"url":"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/twizatino.com\/index.php\/contact\/","url":"https:\/\/twizatino.com\/index.php\/contact\/","name":"Contact - Twizatino Solutions Limited","isPartOf":{"@id":"https:\/\/twizatino.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/twizatino.com\/index.php\/contact\/#primaryimage"},"image":{"@id":"https:\/\/twizatino.com\/index.php\/contact\/#primaryimage"},"thumbnailUrl":"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204-1024x910.png","datePublished":"2025-12-04T06:11:53+00:00","dateModified":"2026-01-08T08:15:41+00:00","breadcrumb":{"@id":"https:\/\/twizatino.com\/index.php\/contact\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/twizatino.com\/index.php\/contact\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/twizatino.com\/index.php\/contact\/#primaryimage","url":"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204.png","contentUrl":"https:\/\/twizatino.com\/wp-content\/uploads\/2025\/12\/page_6-scaled-e1767625069204.png","width":1040,"height":924},{"@type":"BreadcrumbList","@id":"https:\/\/twizatino.com\/index.php\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/twizatino.com\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@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\/214","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=214"}],"version-history":[{"count":73,"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/pages\/214\/revisions"}],"predecessor-version":[{"id":716,"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/pages\/214\/revisions\/716"}],"wp:attachment":[{"href":"https:\/\/twizatino.com\/index.php\/wp-json\/wp\/v2\/media?parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}