{"id":3637,"date":"2026-05-26T07:13:53","date_gmt":"2026-05-26T07:13:53","guid":{"rendered":"https:\/\/xwaves360.shop\/francismedia\/?st-import=d0ff8aac267098373fb2c5a5cac3855e"},"modified":"2026-05-30T12:43:31","modified_gmt":"2026-05-30T12:43:31","slug":"home","status":"publish","type":"page","link":"https:\/\/xwaves360.shop\/francismedia\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3637\" class=\"elementor elementor-3637\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c80b907 e-flex e-con-boxed e-con e-parent\" data-id=\"c80b907\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38c37c7 elementor-widget elementor-widget-html\" data-id=\"38c37c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"xgems-hero\">\r\n  <div class=\"xgems-grid\">\r\n    \r\n    <div class=\"xgems-img active\">\r\n      <img decoding=\"async\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-13.jpg\" alt=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"xgems-img\">\r\n      <img decoding=\"async\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-3.jpeg\" alt=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"xgems-img\">\r\n      <img decoding=\"async\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/IMG_2213.jpeg\" alt=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"xgems-img\">\r\n      <img decoding=\"async\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/IMG_2234.jpeg\" alt=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"xgems-img\">\r\n      <img decoding=\"async\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-3.jpg\" alt=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"xgems-img\">\r\n      <img decoding=\"async\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-11.jpg\" alt=\"\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"xgems-center\">\r\n    <a href=\"\" class=\"xgems-btn\">\r\n      <span class=\"xgems-text\">Our Services<\/span>\r\n      <img decoding=\"async\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding.png\" alt=\"\" class=\"xgems-logo\">\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* RESET *\/\r\n.xgems-hero *{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\n\/* SECTION *\/\r\n.xgems-hero{\r\n  position:relative;\r\n  width:100%;\r\n  height:90vh;\r\n  overflow:hidden;\r\n  background:transparent;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n\/* GRID *\/\r\n.xgems-grid{\r\n  width:100%;\r\n  height:100%;\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  grid-template-rows:repeat(2,1fr);\r\n  gap:12px;\r\n  padding:12px;\r\n}\r\n\r\n\/* IMAGE BLOCK *\/\r\n.xgems-img{\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-radius:24px;\r\n  background:transparent;\r\n  opacity:.45;\r\n  transform:scale(1);\r\n  transition:\r\n    opacity 2s ease,\r\n    transform 2s ease,\r\n    filter 2s ease;\r\n  animation:luxLoop 18s infinite;\r\n}\r\n\r\n\/* SMOOTH STAGGER *\/\r\n.xgems-img:nth-child(1){ animation-delay:0s; }\r\n.xgems-img:nth-child(2){ animation-delay:3s; }\r\n.xgems-img:nth-child(3){ animation-delay:6s; }\r\n.xgems-img:nth-child(4){ animation-delay:9s; }\r\n.xgems-img:nth-child(5){ animation-delay:12s; }\r\n.xgems-img:nth-child(6){ animation-delay:15s; }\r\n\r\n\/* IMAGE *\/\r\n.xgems-img img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  transform:scale(1.02);\r\n  transition:transform 8s ease;\r\n}\r\n\r\n\/* PREMIUM LOOP EFFECT *\/\r\n@keyframes luxLoop{\r\n  0%{\r\n    opacity:.4;\r\n    filter:brightness(.7);\r\n    transform:scale(1);\r\n  }\r\n  10%{\r\n    opacity:1;\r\n    filter:brightness(1.08);\r\n    transform:scale(1.015);\r\n  }\r\n  20%{\r\n    opacity:1;\r\n    filter:brightness(1.08);\r\n    transform:scale(1.015);\r\n  }\r\n  35%{\r\n    opacity:.4;\r\n    filter:brightness(.7);\r\n    transform:scale(1);\r\n  }\r\n  100%{\r\n    opacity:.4;\r\n    filter:brightness(.7);\r\n    transform:scale(1);\r\n  }\r\n}\r\n\r\n\/* CENTER BUTTON *\/\r\n.xgems-center{\r\n  position:absolute;\r\n  inset:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  pointer-events:none;\r\n  z-index:5;\r\n}\r\n\r\n.xgems-btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:160px;\r\n  height:56px;\r\n  text-decoration:none;\r\n  border-radius:999px;\r\n  background:rgba(0,0,0,.45);\r\n  backdrop-filter:blur(10px);\r\n  overflow:hidden;\r\n  pointer-events:auto;\r\n  transition:all .4s ease;\r\n  box-shadow:\r\n    0 0 18px rgba(255,255,255,.3),\r\n    0 0 40px rgba(255,255,255,.12),\r\n    0 0 80px rgba(255,255,255,.06);\r\n}\r\n\r\n\/* GRADIENT BORDER *\/\r\n.xgems-btn::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  padding:1px;\r\n  border-radius:999px;\r\n  background:linear-gradient(135deg,#ffffff,#3a3a3a,#ffffff);\r\n  -webkit-mask:\r\n    linear-gradient(#fff 0 0) content-box,\r\n    linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite:xor;\r\n          mask-composite:exclude;\r\n  z-index:1;\r\n}\r\n\r\n\/* TEXT *\/\r\n.xgems-text{\r\n  position:absolute;\r\n  color:#fff;\r\n  font-size:14px;\r\n  font-weight:500;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n  animation:textLogoSwitch 5s ease-in-out infinite;\r\n  z-index:2;\r\n  white-space:nowrap;\r\n}\r\n\r\n\/* LOGO *\/\r\n.xgems-logo{\r\n  position:absolute;\r\n  height:36px;\r\n  width:auto;\r\n  max-width:120px;\r\n  object-fit:contain;\r\n  filter:brightness(0) invert(1);\r\n  animation:logoZoom 5s ease-in-out infinite;\r\n  z-index:2;\r\n}\r\n\r\n\/* TEXT: visible first, fades out, stays hidden while logo shows *\/\r\n@keyframes textLogoSwitch{\r\n  0%   { opacity:1; transform:scale(1); }\r\n  30%  { opacity:1; transform:scale(1); }\r\n  45%  { opacity:0; transform:scale(.8); }\r\n  75%  { opacity:0; transform:scale(.8); }\r\n  90%  { opacity:1; transform:scale(1); }\r\n  100% { opacity:1; transform:scale(1); }\r\n}\r\n\r\n\/* LOGO: hidden first, zooms in slowly, fades back out *\/\r\n@keyframes logoZoom{\r\n  0%   { opacity:0; transform:scale(.6); }\r\n  30%  { opacity:0; transform:scale(.6); }\r\n  45%  { opacity:1; transform:scale(1); }\r\n  65%  { opacity:1; transform:scale(1.15); }\r\n  80%  { opacity:0; transform:scale(1.2); }\r\n  100% { opacity:0; transform:scale(.6); }\r\n}\r\n\r\n\/* HOVER *\/\r\n.xgems-btn:hover{\r\n  transform:translateY(-2px);\r\n  background:rgba(255,255,255,.08);\r\n  box-shadow:\r\n    0 0 28px rgba(255,255,255,.5),\r\n    0 0 60px rgba(255,255,255,.25),\r\n    0 0 100px rgba(255,255,255,.12);\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n  .xgems-hero{ height:90vh; }\r\n  .xgems-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n    grid-template-rows:repeat(3,1fr);\r\n    gap:8px;\r\n    padding:8px;\r\n  }\r\n  .xgems-img{ border-radius:18px; }\r\n  .xgems-btn{\r\n    width:140px;\r\n    height:50px;\r\n  }\r\n  .xgems-text{ font-size:12px; }\r\n  .xgems-logo{ height:28px; max-width:100px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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-e889f61 e-flex e-con-boxed e-con e-parent\" data-id=\"e889f61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56ad779 elementor-widget elementor-widget-html\" data-id=\"56ad779\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Full-width \/ full-height (fills the Elementor section\/column) -->\r\n<section class=\"about-fall-full\" id=\"about-fall-full\" aria-label=\"About\">\r\n  <img\r\n    src=\"https:\/\/xwaves360.shop\/francismedia\/wp-content\/uploads\/2026\/05\/IMG_2452-1.jpeg\"\r\n    alt=\"\"\r\n    loading=\"lazy\"\r\n    decoding=\"async\"\r\n    draggable=\"false\"\r\n  \/>\r\n<\/section>\r\n\r\n<style>\r\n  \/* IMPORTANT: put this widget inside an Elementor Section\/Container\r\n     and set that container\u2019s MIN HEIGHT to what you want (e.g. 100vh). *\/\r\n\r\n  .about-fall-full{\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 100%;\r\n    margin: 0;\r\n\r\n    \/* no curves *\/\r\n    border-radius: 0;\r\n    overflow: hidden;\r\n\r\n    \/* starting state (hidden) *\/\r\n    opacity: 0;\r\n    transform: perspective(1200px) translateY(70px) rotateX(22deg);\r\n    transform-origin: top center;\r\n    filter: blur(10px);\r\n\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  .about-fall-full img{\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n\r\n    \/* fills the whole element without distortion *\/\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    pointer-events: none;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .about-fall-full{\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      filter: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const el = document.getElementById(\"about-fall-full\");\r\n  if (!el) return;\r\n\r\n  const reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n  if (reduceMotion) return;\r\n\r\n  let ticking = false;\r\n\r\n  const clamp01 = (x) => Math.max(0, Math.min(1, x));\r\n  const smoothstep = (a, b, x) => {\r\n    x = clamp01((x - a) \/ (b - a));\r\n    return x * x * (3 - 2 * x);\r\n  };\r\n\r\n  function update(){\r\n    ticking = false;\r\n\r\n    const r = el.getBoundingClientRect();\r\n    const vh = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n    \/\/ progress through viewport\r\n    const p = clamp01((vh - r.top) \/ (vh + r.height));\r\n\r\n    \/\/ fade in then fade out\r\n    const fadeIn  = smoothstep(0.10, 0.38, p);\r\n    const fadeOut = 1 - smoothstep(0.62, 0.95, p);\r\n    const vis = clamp01(fadeIn * fadeOut);\r\n\r\n    \/\/ enter fall + exit vanish\r\n    const tIn  = 1 - smoothstep(0.08, 0.35, p);\r\n    const tOut = smoothstep(0.65, 0.95, p);\r\n\r\n    const translateY = (tIn * 70) + (tOut * -18);\r\n    const rotateX    = (tIn * 22) + (tOut * 10);\r\n    const blur       = (1 - vis) * 10;\r\n\r\n    el.style.opacity = vis.toFixed(3);\r\n    el.style.transform =\r\n      `perspective(1200px) translateY(${translateY.toFixed(1)}px) rotateX(${rotateX.toFixed(2)}deg)`;\r\n    el.style.filter = `blur(${blur.toFixed(1)}px)`;\r\n  }\r\n\r\n  function requestUpdate(){\r\n    if (ticking) return;\r\n    ticking = true;\r\n    requestAnimationFrame(update);\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", requestUpdate, { passive: true });\r\n  window.addEventListener(\"resize\", requestUpdate);\r\n  requestUpdate();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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-6b2172c e-flex e-con-boxed e-con e-parent\" data-id=\"6b2172c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-97168dd e-con-full e-flex e-con e-child\" data-id=\"97168dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd54d3e elementor-widget elementor-widget-heading\" data-id=\"dd54d3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BROWSE OUR WORK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46a632f elementor-widget elementor-widget-html\" data-id=\"46a632f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bfy-snap-carousel\" aria-label=\"Scrollable image carousel\">\r\n  <div class=\"bfy-snap-carousel__scroller\" tabindex=\"0\">\r\n    <div class=\"bfy-snap-carousel__item\">\r\n      <img fetchpriority=\"high\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"900\"\r\n        src=\"https:\/\/xwaves360.shop\/francismedia\/wp-content\/uploads\/2026\/05\/IMG_2496.jpeg\" alt=\"\">\r\n    <\/div>\r\n\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/xwaves360.shop\/francismedia\/wp-content\/uploads\/2026\/05\/Neutral-Calm-Minimalist-Healing-Journal-Reflection-Workbook-A4-4.jpeg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/xwaves360.shop\/francismedia\/wp-content\/uploads\/2026\/05\/Neutral-Calm-Minimalist-Healing-Journal-Reflection-Workbook-A4-6.jpeg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/xwaves360.shop\/francismedia\/wp-content\/uploads\/2026\/05\/IMG_2502.jpeg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/xwaves360.shop\/francismedia\/wp-content\/uploads\/2026\/05\/Neutral-Calm-Minimalist-Healing-Journal-Reflection-Workbook-A4-3.jpeg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/IMG_8942.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/creating-4.jpeg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/IMG_0025.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/IMG_0013.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/IMG_0037.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/creating-2.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/creating-7.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/creating-2.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/creating-4.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/creating-8.jpg\" alt=\"\"><\/div>\r\n    <div class=\"bfy-snap-carousel__item\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/prismvisualsenterprises.co.zw\/wp-content\/uploads\/2026\/04\/creating-1.jpg\" alt=\"\"><\/div>\r\n  <\/div>\r\n\r\n  <button class=\"bfy-snap-carousel__btn bfy-prev\" type=\"button\" aria-label=\"Scroll left\">\u2039<\/button>\r\n  <button class=\"bfy-snap-carousel__btn bfy-next\" type=\"button\" aria-label=\"Scroll right\">\u203a<\/button>\r\n<\/div>\r\n\r\n<style>\r\n  .bfy-snap-carousel{\r\n    --maxW: 1200px;\r\n    --peek: 16%;\r\n    --itemW: 68%;\r\n    --gap: 18px;\r\n    --radius: 18px;\r\n    --h: clamp(260px, 40vw, 520px);\r\n    --shadow: 0 18px 50px rgba(0,0,0,.18);\r\n    --ease: cubic-bezier(.22,1,.36,1);\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: var(--maxW);\r\n    margin: 0 auto;\r\n    padding: 6px 0;\r\n  }\r\n\r\n  .bfy-snap-carousel__scroller{\r\n    display: grid;\r\n    grid-auto-flow: column;\r\n    grid-auto-columns: var(--itemW);\r\n    gap: var(--gap);\r\n\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-padding-inline: var(--peek);\r\n    scroll-behavior: smooth;\r\n\r\n    padding-inline: var(--peek);\r\n    padding-block: 6px 12px;\r\n\r\n    -webkit-overflow-scrolling: touch;\r\n    overscroll-behavior-x: contain;\r\n    touch-action: pan-x;\r\n\r\n    scrollbar-width: none;\r\n  }\r\n  .bfy-snap-carousel__scroller::-webkit-scrollbar{ display:none; }\r\n\r\n  .bfy-snap-carousel__item{\r\n    scroll-snap-align: center;\r\n    height: var(--h);\r\n    border-radius: var(--radius);\r\n    overflow: hidden;\r\n    box-shadow: var(--shadow);\r\n    background: #111;\r\n    transform: scale(.88);\r\n    opacity: .72;\r\n    transition: transform 450ms var(--ease), opacity 450ms var(--ease), filter 450ms var(--ease);\r\n    filter: saturate(.9) contrast(.95);\r\n    will-change: transform;\r\n  }\r\n  .bfy-snap-carousel__item.is-active{\r\n    transform: scale(1);\r\n    opacity: 1;\r\n    filter: none;\r\n  }\r\n\r\n  .bfy-snap-carousel__item img{\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .bfy-snap-carousel__btn{\r\n    position:absolute;\r\n    top:50%;\r\n    transform: translateY(-50%);\r\n    width:44px;\r\n    height:44px;\r\n    border:0;\r\n    border-radius:999px;\r\n    background: rgba(0,0,0,.55);\r\n    color:#fff;\r\n    font-size:28px;\r\n    line-height:44px;\r\n    cursor:pointer;\r\n    z-index: 2;\r\n    transition: background 200ms var(--ease), transform 200ms var(--ease);\r\n  }\r\n  .bfy-snap-carousel__btn:hover{\r\n    background: rgba(0,0,0,.75);\r\n    transform: translateY(-50%) scale(1.04);\r\n  }\r\n  .bfy-prev{ left: 10px; }\r\n  .bfy-next{ right: 10px; }\r\n\r\n  @media (max-width: 767px){\r\n    .bfy-snap-carousel{\r\n      --peek: 10%;\r\n      --itemW: 82%;\r\n      --gap: 12px;\r\n    }\r\n    .bfy-snap-carousel__btn{ display:none; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .bfy-snap-carousel__scroller{ scroll-behavior: auto; }\r\n    .bfy-snap-carousel__item{ transition:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function init(root) {\r\n    if (!root || root.dataset.bfyInit === \"1\") return;\r\n    root.dataset.bfyInit = \"1\";\r\n\r\n    const scroller = root.querySelector('.bfy-snap-carousel__scroller');\r\n    const items = Array.from(root.querySelectorAll('.bfy-snap-carousel__item'));\r\n    const prev = root.querySelector('.bfy-prev');\r\n    const next = root.querySelector('.bfy-next');\r\n    if (!scroller || !items.length) return;\r\n\r\n    \/\/ step = one card width + gap\r\n    function step() {\r\n      const gap = parseFloat(getComputedStyle(scroller).gap || \"0\");\r\n      return items[0].getBoundingClientRect().width + gap;\r\n    }\r\n\r\n    \/\/ mark the most visible item as active (smooth + accurate)\r\n    const io = new IntersectionObserver((entries) => {\r\n      let best = null;\r\n      for (const e of entries) {\r\n        if (e.isIntersecting) {\r\n          if (!best || e.intersectionRatio > best.intersectionRatio) best = e;\r\n        }\r\n      }\r\n      if (best?.target) {\r\n        items.forEach(el => el.classList.remove('is-active'));\r\n        best.target.classList.add('is-active');\r\n      }\r\n    }, { root: scroller, threshold: [0.55, 0.7, 0.85] });\r\n\r\n    items.forEach(el => io.observe(el));\r\n\r\n    \/\/ Buttons: next slides RIGHT (positive scroll)\r\n    prev && prev.addEventListener('click', () => scroller.scrollBy({ left: -step(), behavior: 'smooth' }));\r\n    next && next.addEventListener('click', () => scroller.scrollBy({ left:  step(), behavior: 'smooth' }));\r\n\r\n    \/\/ Wheel => horizontal when hovering the scroller\r\n    scroller.addEventListener('wheel', (e) => {\r\n      if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) {\r\n        e.preventDefault();\r\n        scroller.scrollBy({ left: e.deltaY, behavior: 'auto' });\r\n      }\r\n    }, { passive: false });\r\n  }\r\n\r\n  \/\/ Elementor-safe: find carousel in THIS widget container\r\n  const scriptEl = document.currentScript;\r\n  const root =\r\n    scriptEl?.closest('.elementor-widget-container')?.querySelector('.bfy-snap-carousel') ||\r\n    scriptEl?.parentElement?.querySelector('.bfy-snap-carousel') ||\r\n    document.querySelector('.bfy-snap-carousel:last-of-type');\r\n\r\n  \/\/ Elementor editor re-renders: delay init a bit and retry\r\n  let tries = 0;\r\n  (function boot() {\r\n    if (root) return init(root);\r\n    if (++tries < 20) setTimeout(boot, 150);\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-543a590 e-flex e-con-boxed e-con e-parent\" data-id=\"543a590\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b94ee50 elementor-widget elementor-widget-heading\" data-id=\"b94ee50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR SERVICES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8664883 elementor-widget elementor-widget-html\" data-id=\"8664883\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Photography Services<\/title>\r\n<style>\r\n  * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  .fm-section {\r\n    width: 100%;\r\n    padding: 32px 0 40px;\r\n    background: transparent;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    overflow: hidden;\r\n    contain: layout style;\r\n    position: relative;\r\n    touch-action: pan-y;\r\n  }\r\n\r\n  .fm-arrow {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-60%);\r\n    z-index: 20;\r\n    background: rgba(255,255,255,0.12);\r\n    border: 1px solid rgba(255,255,255,0.25);\r\n    color: #fff;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: background 0.2s, transform 0.2s;\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    user-select: none;\r\n  }\r\n  .fm-arrow:hover {\r\n    background: rgba(255,255,255,0.28);\r\n    transform: translateY(-60%) scale(1.1);\r\n  }\r\n  .fm-arrow-left  { left: 12px; }\r\n  .fm-arrow-right { right: 12px; }\r\n  .fm-arrow svg { width: 18px; height: 18px; fill: none; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n  .fm-scroll {\r\n    display: flex;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n    gap: 14px;\r\n    scrollbar-width: none;\r\n    overscroll-behavior-x: contain;\r\n    overscroll-behavior-y: none;\r\n    touch-action: pan-x;\r\n  }\r\n  .fm-scroll::-webkit-scrollbar { display: none; }\r\n\r\n  .fm-spacer { flex: 0 0 auto; pointer-events: none; }\r\n\r\n  .fm-col {\r\n    flex: 0 0 auto;\r\n    scroll-snap-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 72vw;\r\n    max-width: 300px;\r\n    transition: opacity 0.4s ease, transform 0.4s ease;\r\n    opacity: 0.5;\r\n    transform: scale(0.88);\r\n  }\r\n\r\n  .fm-col.active { opacity: 1; transform: scale(1); }\r\n\r\n  .fm-card {\r\n    width: 100%;\r\n    aspect-ratio: 3\/4;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    background: linear-gradient(160deg, #1c1c1c 0%, #444 50%, #eee 100%);\r\n    padding: 3px;\r\n    box-shadow: 0 8px 40px rgba(0,0,0,0.55);\r\n  }\r\n\r\n  .fm-col.active .fm-card {\r\n    box-shadow: 0 16px 60px rgba(0,0,0,0.75), 0 4px 16px rgba(255,255,255,0.12);\r\n  }\r\n\r\n  .fm-inner {\r\n    border-radius: 13px;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  .fm-inner img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: opacity 0.08s ease;\r\n    display: block;\r\n  }\r\n\r\n  .fm-inner img.b { opacity: 0; }\r\n  .fm-inner.switched img.a { opacity: 0; }\r\n  .fm-inner.switched img.b { opacity: 1; }\r\n\r\n  .fm-flash {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: white;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    z-index: 10;\r\n    border-radius: 13px;\r\n    transition: opacity 0.05s ease;\r\n  }\r\n  .fm-flash.go { opacity: 0.9; }\r\n\r\n  .fm-btn-wrap { margin-top: 12px; }\r\n\r\n  .fm-btn {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n    padding: 10px 28px;\r\n    border-radius: 50px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    background: linear-gradient(135deg, #111 0%, #444 50%, #bbb 100%);\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    box-shadow: 0 4px 18px rgba(0,0,0,0.45);\r\n    transition: transform 0.2s ease, box-shadow 0.3s ease;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n  }\r\n  .fm-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.6); }\r\n\r\n  .fm-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 7px;\r\n    margin-top: 16px;\r\n  }\r\n  .fm-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.25);\r\n    transition: background 0.3s, transform 0.3s;\r\n    cursor: pointer;\r\n    border: none;\r\n    padding: 0;\r\n  }\r\n  .fm-dot.active { background: #fff; transform: scale(1.4); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"fm-section\">\r\n\r\n  <button class=\"fm-arrow fm-arrow-left\" id=\"fmPrev\" aria-label=\"Previous\">\r\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n  <\/button>\r\n\r\n  <button class=\"fm-arrow fm-arrow-right\" id=\"fmNext\" aria-label=\"Next\">\r\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n  <\/button>\r\n\r\n  <div class=\"fm-scroll\" id=\"fmScroll\">\r\n\r\n    <div class=\"fm-spacer\" id=\"fmSpacerL\"><\/div>\r\n\r\n    <div class=\"fm-col active\">\r\n      <div class=\"fm-card\"><div class=\"fm-inner\">\r\n        <img decoding=\"async\" class=\"a\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-14.jpg\" alt=\"\" draggable=\"false\">\r\n        <img decoding=\"async\" class=\"b\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-13.jpg\" alt=\"\" draggable=\"false\">\r\n        <div class=\"fm-flash\"><\/div>\r\n      <\/div><\/div>\r\n      <div class=\"fm-btn-wrap\"><a class=\"fm-btn\" href=\"#\">Book a Shot<\/a><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fm-col\">\r\n      <div class=\"fm-card\"><div class=\"fm-inner\">\r\n        <img decoding=\"async\" class=\"a\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-12.jpg\" alt=\"\" draggable=\"false\">\r\n        <img decoding=\"async\" class=\"b\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-11.jpg\" alt=\"\" draggable=\"false\">\r\n        <div class=\"fm-flash\"><\/div>\r\n      <\/div><\/div>\r\n      <div class=\"fm-btn-wrap\"><a class=\"fm-btn\" href=\"#\">Book a Shot<\/a><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fm-col\">\r\n      <div class=\"fm-card\"><div class=\"fm-inner\">\r\n        <img decoding=\"async\" class=\"a\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-8.jpg\" alt=\"\" draggable=\"false\">\r\n        <img decoding=\"async\" class=\"b\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-3.jpg\" alt=\"\" draggable=\"false\">\r\n        <div class=\"fm-flash\"><\/div>\r\n      <\/div><\/div>\r\n      <div class=\"fm-btn-wrap\"><a class=\"fm-btn\" href=\"#\">Book a Shot<\/a><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fm-col\">\r\n      <div class=\"fm-card\"><div class=\"fm-inner\">\r\n        <img decoding=\"async\" class=\"a\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-6.jpg\" alt=\"\" draggable=\"false\">\r\n        <img decoding=\"async\" class=\"b\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-7.jpg\" alt=\"\" draggable=\"false\">\r\n        <div class=\"fm-flash\"><\/div>\r\n      <\/div><\/div>\r\n      <div class=\"fm-btn-wrap\"><a class=\"fm-btn\" href=\"#\">Book a Shot<\/a><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fm-col\">\r\n      <div class=\"fm-card\"><div class=\"fm-inner\">\r\n        <img decoding=\"async\" class=\"a\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-1.jpeg\" alt=\"\" draggable=\"false\">\r\n        <img decoding=\"async\" class=\"b\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-16.jpg\" alt=\"\" draggable=\"false\">\r\n        <div class=\"fm-flash\"><\/div>\r\n      <\/div><\/div>\r\n      <div class=\"fm-btn-wrap\"><a class=\"fm-btn\" href=\"#\">Book a Shot<\/a><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fm-col\">\r\n      <div class=\"fm-card\"><div class=\"fm-inner\">\r\n        <img decoding=\"async\" class=\"a\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-9.jpg\" alt=\"\" draggable=\"false\">\r\n        <img decoding=\"async\" class=\"b\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding.jpeg\" alt=\"\" draggable=\"false\">\r\n        <div class=\"fm-flash\"><\/div>\r\n      <\/div><\/div>\r\n      <div class=\"fm-btn-wrap\"><a class=\"fm-btn\" href=\"#\">Book a Shot<\/a><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fm-col\">\r\n      <div class=\"fm-card\"><div class=\"fm-inner\">\r\n        <img decoding=\"async\" class=\"a\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding-10.jpg\" alt=\"\" draggable=\"false\">\r\n        <img decoding=\"async\" class=\"b\" src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding.jpg\" alt=\"\" draggable=\"false\">\r\n        <div class=\"fm-flash\"><\/div>\r\n      <\/div><\/div>\r\n      <div class=\"fm-btn-wrap\"><a class=\"fm-btn\" href=\"#\">Book a Shot<\/a><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fm-spacer\" id=\"fmSpacerR\"><\/div>\r\n\r\n  <\/div>\r\n  <div class=\"fm-dots\" id=\"fmDots\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var scroll  = document.getElementById('fmScroll');\r\n  var dotsEl  = document.getElementById('fmDots');\r\n  var spacerL = document.getElementById('fmSpacerL');\r\n  var spacerR = document.getElementById('fmSpacerR');\r\n  var btnPrev = document.getElementById('fmPrev');\r\n  var btnNext = document.getElementById('fmNext');\r\n  var cols    = Array.from(scroll.querySelectorAll('.fm-col'));\r\n  var current = 0;\r\n  var timers  = {};\r\n  var DELAY = 1400, HOLD = 1800, FLASH = 80;\r\n\r\n  var touchStartX = 0, touchStartY = 0, touchDecided = false;\r\n  scroll.addEventListener('touchstart', function(e){\r\n    touchStartX = e.touches[0].clientX;\r\n    touchStartY = e.touches[0].clientY;\r\n    touchDecided = false;\r\n  }, { passive: true });\r\n\r\n  scroll.addEventListener('touchmove', function(e){\r\n    if (touchDecided) return;\r\n    var dx = Math.abs(e.touches[0].clientX - touchStartX);\r\n    var dy = Math.abs(e.touches[0].clientY - touchStartY);\r\n    touchDecided = true;\r\n    if (dy > dx) {\r\n      scroll.style.overflowX = 'hidden';\r\n    } else {\r\n      scroll.style.overflowX = 'auto';\r\n    }\r\n  }, { passive: true });\r\n\r\n  scroll.addEventListener('touchend', function(){\r\n    scroll.style.overflowX = 'auto';\r\n    touchDecided = false;\r\n  }, { passive: true });\r\n\r\n  function setSpacers(){\r\n    var colW    = cols[0].offsetWidth;\r\n    var scrollW = scroll.offsetWidth;\r\n    var side    = Math.max(0, (scrollW - colW) \/ 2);\r\n    spacerL.style.width    = side + 'px';\r\n    spacerL.style.minWidth = side + 'px';\r\n    spacerR.style.width    = side + 'px';\r\n    spacerR.style.minWidth = side + 'px';\r\n  }\r\n\r\n  cols.forEach(function(_, i){\r\n    var d = document.createElement('button');\r\n    d.className = 'fm-dot' + (i === 0 ? ' active' : '');\r\n    d.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n    d.addEventListener('click', function(){ goTo(i); });\r\n    dotsEl.appendChild(d);\r\n  });\r\n\r\n  function getDots(){ return dotsEl.querySelectorAll('.fm-dot'); }\r\n\r\n  function goTo(idx){\r\n    idx = Math.max(0, Math.min(cols.length - 1, idx));\r\n    var col    = cols[idx];\r\n    var target = col.offsetLeft - (scroll.offsetWidth \/ 2 - col.offsetWidth \/ 2);\r\n    scroll.scrollTo({ left: target, behavior: 'smooth' });\r\n  }\r\n\r\n  function activate(idx){\r\n    if(idx === current && cols[idx].classList.contains('active')) return;\r\n    clearTimer(current);\r\n    revert(current);\r\n    current = idx;\r\n    cols.forEach(function(c, i){ c.classList.toggle('active', i === idx); });\r\n    Array.from(getDots()).forEach(function(d, i){ d.classList.toggle('active', i === idx); });\r\n    schedule(idx);\r\n  }\r\n\r\n  function schedule(idx){\r\n    clearTimer(idx);\r\n    timers[idx] = setTimeout(function(){\r\n      doFlash(idx, true);\r\n      timers[idx] = setTimeout(function(){ doFlash(idx, false); }, HOLD);\r\n    }, DELAY);\r\n  }\r\n\r\n  function clearTimer(idx){\r\n    if(timers[idx]){ clearTimeout(timers[idx]); delete timers[idx]; }\r\n  }\r\n\r\n  function doFlash(idx, toB){\r\n    var inner = cols[idx].querySelector('.fm-inner');\r\n    var flash = cols[idx].querySelector('.fm-flash');\r\n    if(!inner || !flash) return;\r\n    flash.classList.add('go');\r\n    setTimeout(function(){\r\n      flash.classList.remove('go');\r\n      if(toB) inner.classList.add('switched');\r\n      else    inner.classList.remove('switched');\r\n    }, FLASH);\r\n  }\r\n\r\n  function revert(idx){\r\n    var inner = cols[idx].querySelector('.fm-inner');\r\n    var flash = cols[idx].querySelector('.fm-flash');\r\n    if(inner) inner.classList.remove('switched');\r\n    if(flash) flash.classList.remove('go');\r\n  }\r\n\r\n  var ticking = false;\r\n  scroll.addEventListener('scroll', function(){\r\n    if(!ticking){\r\n      requestAnimationFrame(function(){\r\n        var center  = scroll.scrollLeft + scroll.offsetWidth \/ 2;\r\n        var closest = 0, minDist = Infinity;\r\n        cols.forEach(function(c, i){\r\n          var dist = Math.abs((c.offsetLeft + c.offsetWidth \/ 2) - center);\r\n          if(dist < minDist){ minDist = dist; closest = i; }\r\n        });\r\n        activate(closest);\r\n        ticking = false;\r\n      });\r\n      ticking = true;\r\n    }\r\n  });\r\n\r\n  cols.forEach(function(col, i){\r\n    col.addEventListener('click', function(){\r\n      if(i !== current){ goTo(i); }\r\n    });\r\n  });\r\n\r\n  btnPrev.addEventListener('click', function(){ goTo(current - 1); });\r\n  btnNext.addEventListener('click', function(){ goTo(current + 1); });\r\n\r\n  function init(){\r\n    setSpacers();\r\n    var col    = cols[0];\r\n    var target = col.offsetLeft - (scroll.offsetWidth \/ 2 - col.offsetWidth \/ 2);\r\n    scroll.scrollLeft = target;\r\n    activate(0);\r\n  }\r\n\r\n  if(document.readyState === 'complete'){\r\n    setTimeout(init, 50);\r\n  } else {\r\n    window.addEventListener('load', function(){ setTimeout(init, 50); });\r\n  }\r\n\r\n  window.addEventListener('resize', function(){ setSpacers(); goTo(current); });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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-bf0c33d e-flex e-con-boxed e-con e-parent\" data-id=\"bf0c33d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d128dae elementor-widget elementor-widget-html\" data-id=\"d128dae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- CLASSY 3D SOCIAL ICONS SECTION FOR ELEMENTOR -->\r\n<!-- Paste directly inside Elementor HTML Widget -->\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\r\n\/>\r\n\r\n<style>\r\n  .lux-social-wrap {\r\n    width: 100%;\r\n    padding: 40px 20px;\r\n    background: transparent;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .lux-social-icons {\r\n    display: flex;\r\n    gap: 28px;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .lux-social-icons a {\r\n    width: 82px;\r\n    height: 82px;\r\n    border-radius: 24px;\r\n    text-decoration: none;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n\r\n    box-shadow:\r\n      0 0 10px rgba(255,255,255,0.18),\r\n      0 0 25px rgba(255,255,255,0.08),\r\n      inset 0 1px 1px rgba(255,255,255,0.2);\r\n\r\n    transform-style: preserve-3d;\r\n    transition: all 0.35s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .lux-social-icons a::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 24px;\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,0.18),\r\n      rgba(255,255,255,0.02)\r\n    );\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .lux-social-icons a:hover {\r\n    transform: translateY(-8px) scale(1.05);\r\n    box-shadow:\r\n      0 0 18px rgba(255,255,255,0.4),\r\n      0 0 45px rgba(255,255,255,0.18),\r\n      inset 0 1px 1px rgba(255,255,255,0.25);\r\n  }\r\n\r\n  .lux-social-icons i {\r\n    font-size: 34px;\r\n    color: #ffffff;\r\n    z-index: 2;\r\n\r\n    text-shadow:\r\n      0 0 10px rgba(255,255,255,0.8),\r\n      0 0 20px rgba(255,255,255,0.4),\r\n      0 0 35px rgba(255,255,255,0.25);\r\n\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .lux-social-icons a:hover i {\r\n    transform: scale(1.12);\r\n  }\r\n\r\n  \/* MOBILE *\/\r\n  @media (max-width: 768px) {\r\n    .lux-social-icons {\r\n      gap: 18px;\r\n    }\r\n\r\n    .lux-social-icons a {\r\n      width: 68px;\r\n      height: 68px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .lux-social-icons i {\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"lux-social-wrap\">\r\n  <div class=\"lux-social-icons\">\r\n\r\n    <!-- INSTAGRAM -->\r\n    <a href=\"#\" target=\"_blank\" aria-label=\"Instagram\">\r\n      <i class=\"fab fa-instagram\"><\/i>\r\n    <\/a>\r\n\r\n    <!-- FACEBOOK -->\r\n    <a href=\"#\" target=\"_blank\" aria-label=\"Facebook\">\r\n      <i class=\"fab fa-facebook-f\"><\/i>\r\n    <\/a>\r\n\r\n    <!-- TIKTOK -->\r\n    <a href=\"#\" target=\"_blank\" aria-label=\"TikTok\">\r\n      <i class=\"fab fa-tiktok\"><\/i>\r\n    <\/a>\r\n\r\n    <!-- WHATSAPP -->\r\n    <a href=\"#\" target=\"_blank\" aria-label=\"WhatsApp\">\r\n      <i class=\"fab fa-whatsapp\"><\/i>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\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-28247e2 e-flex e-con-boxed e-con e-parent\" data-id=\"28247e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c232ed5 elementor-widget elementor-widget-html\" data-id=\"c232ed5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- LUXURY CONTACT FORM WITH STRONGER GLOWING LOGO -->\r\n<!-- READY FOR ELEMENTOR HTML WIDGET -->\r\n\r\n<style>\r\n  .lux-contact-section {\r\n    width: 100%;\r\n    padding: 60px 20px;\r\n    background: transparent;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .lux-contact-box {\r\n    width: 100%;\r\n    max-width: 850px;\r\n\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n\r\n    border-radius: 32px;\r\n    padding: 45px;\r\n\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n\r\n    box-shadow:\r\n      0 0 18px rgba(255,255,255,0.10),\r\n      0 0 45px rgba(255,255,255,0.06),\r\n      inset 0 1px 1px rgba(255,255,255,0.15);\r\n\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  \/* LOGO AREA *\/\r\n  .lux-logo-wrap {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 28px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* EXTRA WHITE GLOW BEHIND LOGO *\/\r\n  .lux-logo-wrap::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 220px;\r\n    height: 220px;\r\n    background: radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,0.32) 0%,\r\n      rgba(255,255,255,0.12) 35%,\r\n      rgba(255,255,255,0.02) 70%,\r\n      transparent 100%\r\n    );\r\n    filter: blur(22px);\r\n    animation: pulseGlow 4s ease-in-out infinite;\r\n  }\r\n\r\n  \/* GLOWING FLOATING LOGO *\/\r\n  .lux-logo {\r\n    width: 180px;\r\n    max-width: 75%;\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    filter:\r\n      brightness(1.35)\r\n      contrast(1.08)\r\n      drop-shadow(0 0 10px rgba(255,255,255,0.95))\r\n      drop-shadow(0 0 25px rgba(255,255,255,0.75))\r\n      drop-shadow(0 0 45px rgba(255,255,255,0.45))\r\n      drop-shadow(0 0 70px rgba(255,255,255,0.25));\r\n\r\n    animation: floatLogo 4s ease-in-out infinite;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .lux-logo:hover {\r\n    transform: scale(1.05);\r\n\r\n    filter:\r\n      brightness(1.5)\r\n      contrast(1.1)\r\n      drop-shadow(0 0 15px rgba(255,255,255,1))\r\n      drop-shadow(0 0 35px rgba(255,255,255,0.9))\r\n      drop-shadow(0 0 65px rgba(255,255,255,0.55))\r\n      drop-shadow(0 0 100px rgba(255,255,255,0.35));\r\n  }\r\n\r\n  @keyframes floatLogo {\r\n    0% {\r\n      transform: translateY(0px);\r\n    }\r\n    50% {\r\n      transform: translateY(-8px);\r\n    }\r\n    100% {\r\n      transform: translateY(0px);\r\n    }\r\n  }\r\n\r\n  @keyframes pulseGlow {\r\n    0% {\r\n      transform: scale(1);\r\n      opacity: 0.8;\r\n    }\r\n    50% {\r\n      transform: scale(1.08);\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      transform: scale(1);\r\n      opacity: 0.8;\r\n    }\r\n  }\r\n\r\n  .lux-contact-title {\r\n    color: #ffffff;\r\n    font-size: 34px;\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n    text-align: center;\r\n\r\n    text-shadow:\r\n      0 0 10px rgba(255,255,255,0.45),\r\n      0 0 25px rgba(255,255,255,0.18);\r\n  }\r\n\r\n  .lux-contact-sub {\r\n    color: rgba(255,255,255,0.7);\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .lux-contact-form {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .lux-contact-form .full-width {\r\n    grid-column: span 2;\r\n  }\r\n\r\n  .lux-contact-form input,\r\n  .lux-contact-form textarea {\r\n    width: 100%;\r\n    padding: 18px 20px;\r\n\r\n    background: rgba(255,255,255,0.05);\r\n    border: 1px solid rgba(255,255,255,0.14);\r\n\r\n    border-radius: 18px;\r\n\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n\r\n    outline: none;\r\n\r\n    transition: all 0.3s ease;\r\n\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .lux-contact-form input::placeholder,\r\n  .lux-contact-form textarea::placeholder {\r\n    color: rgba(255,255,255,0.45);\r\n  }\r\n\r\n  .lux-contact-form input:focus,\r\n  .lux-contact-form textarea:focus {\r\n    border-color: rgba(255,255,255,0.45);\r\n\r\n    box-shadow:\r\n      0 0 12px rgba(255,255,255,0.20),\r\n      0 0 30px rgba(255,255,255,0.08);\r\n  }\r\n\r\n  .lux-contact-form textarea {\r\n    min-height: 160px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .lux-send-btn {\r\n    width: 100%;\r\n    padding: 18px;\r\n\r\n    border: none;\r\n    border-radius: 18px;\r\n\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,0.22),\r\n      rgba(255,255,255,0.08)\r\n    );\r\n\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: all 0.35s ease;\r\n\r\n    box-shadow:\r\n      0 0 12px rgba(255,255,255,0.18),\r\n      0 0 35px rgba(255,255,255,0.08);\r\n  }\r\n\r\n  .lux-send-btn:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n      0 0 18px rgba(255,255,255,0.35),\r\n      0 0 50px rgba(255,255,255,0.12);\r\n  }\r\n\r\n  \/* MOBILE *\/\r\n  @media (max-width: 768px) {\r\n\r\n    .lux-contact-box {\r\n      padding: 30px 20px;\r\n      border-radius: 26px;\r\n    }\r\n\r\n    .lux-logo {\r\n      width: 145px;\r\n    }\r\n\r\n    .lux-logo-wrap::before {\r\n      width: 180px;\r\n      height: 180px;\r\n    }\r\n\r\n    .lux-contact-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .lux-contact-form {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .lux-contact-form .full-width {\r\n      grid-column: span 1;\r\n    }\r\n\r\n    .lux-contact-form input,\r\n    .lux-contact-form textarea {\r\n      padding: 16px 18px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .lux-send-btn {\r\n      padding: 16px;\r\n      font-size: 15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"lux-contact-section\">\r\n\r\n  <div class=\"lux-contact-box\">\r\n\r\n    <!-- GLOWING FLOATING LOGO -->\r\n    <div class=\"lux-logo-wrap\">\r\n      <img decoding=\"async\"\r\n        class=\"lux-logo\"\r\n        src=\"http:\/\/xgems.store\/wp-content\/uploads\/2026\/05\/wedding.png\"\r\n        alt=\"Logo\"\r\n      >\r\n    <\/div>\r\n\r\n    <h2 class=\"lux-contact-title\">Get In Touch<\/h2>\r\n\r\n    <p class=\"lux-contact-sub\">\r\n      Send a message and we\u2019ll get back to you.\r\n    <\/p>\r\n\r\n    <form class=\"lux-contact-form\" action=\"#\" method=\"POST\">\r\n\r\n      <input type=\"text\" name=\"name\" placeholder=\"Full Name\" required>\r\n\r\n      <input type=\"tel\" name=\"phone\" placeholder=\"Phone Number\" required>\r\n\r\n      <input type=\"email\" name=\"email\" placeholder=\"Email Address\" required>\r\n\r\n      <input type=\"text\" name=\"city\" placeholder=\"City\" required>\r\n\r\n      <textarea\r\n        class=\"full-width\"\r\n        name=\"message\"\r\n        placeholder=\"Your Message...\"\r\n        required\r\n      ><\/textarea>\r\n\r\n      <div class=\"full-width\">\r\n        <button type=\"submit\" class=\"lux-send-btn\">\r\n          SEND MESSAGE\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/form>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Our Services BROWSE OUR WORK \u2039 \u203a OUR SERVICES Photography Services Book a Shot Book a Shot Book a Shot Book a Shot Book a Shot Book a Shot Book a Shot Get In Touch Send a message and we\u2019ll get back to you. SEND MESSAGE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3637","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xwaves360.shop\/francismedia\/wp-json\/wp\/v2\/pages\/3637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xwaves360.shop\/francismedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xwaves360.shop\/francismedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xwaves360.shop\/francismedia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xwaves360.shop\/francismedia\/wp-json\/wp\/v2\/comments?post=3637"}],"version-history":[{"count":57,"href":"https:\/\/xwaves360.shop\/francismedia\/wp-json\/wp\/v2\/pages\/3637\/revisions"}],"predecessor-version":[{"id":3738,"href":"https:\/\/xwaves360.shop\/francismedia\/wp-json\/wp\/v2\/pages\/3637\/revisions\/3738"}],"wp:attachment":[{"href":"https:\/\/xwaves360.shop\/francismedia\/wp-json\/wp\/v2\/media?parent=3637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}