.elementor-1510 .elementor-element.elementor-element-859f786{--display:flex;--min-height:383px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1510 .elementor-element.elementor-element-859f786:not(.elementor-motion-effects-element-type-background), .elementor-1510 .elementor-element.elementor-element-859f786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;background-image:url("https://hiapgiapfood.com.sg/wp-content/uploads/2025/08/TNF-Contact-Us-Header.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1510 .elementor-element.elementor-element-9b940f6{width:100%;max-width:100%;text-align:center;}.elementor-1510 .elementor-element.elementor-element-9b940f6.elementor-element{--align-self:center;}.elementor-1510 .elementor-element.elementor-element-9b940f6 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:500;text-shadow:0px 0px 19px rgba(39.09999999999999, 3.3150000000000017, 3.3150000000000017, 0.92);color:#FFFFFF;}.elementor-1510 .elementor-element.elementor-element-545c86b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1510 .elementor-element.elementor-element-545c86b:not(.elementor-motion-effects-element-type-background), .elementor-1510 .elementor-element.elementor-element-545c86b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3268bb4 );}.elementor-1510 .elementor-element.elementor-element-c84cbb3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.09);--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1510 .elementor-element.elementor-element-c84cbb3:not(.elementor-motion-effects-element-type-background), .elementor-1510 .elementor-element.elementor-element-c84cbb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-679b249 );}.elementor-1510 .elementor-element.elementor-element-c84cbb3:hover{box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.18);}.elementor-1510 .elementor-element.elementor-element-21d4487{text-align:center;}.elementor-1510 .elementor-element.elementor-element-21d4487 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-secondary );}body.elementor-page-1510:not(.elementor-motion-effects-element-type-background), body.elementor-page-1510 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3268bb4 );}@media(max-width:1024px){.elementor-1510 .elementor-element.elementor-element-859f786:not(.elementor-motion-effects-element-type-background), .elementor-1510 .elementor-element.elementor-element-859f786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1510 .elementor-element.elementor-element-545c86b{--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-1510 .elementor-element.elementor-element-859f786:not(.elementor-motion-effects-element-type-background), .elementor-1510 .elementor-element.elementor-element-859f786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-170px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1510 .elementor-element.elementor-element-545c86b{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1510 .elementor-element.elementor-element-c84cbb3{--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-1510 .elementor-element.elementor-element-21d4487 .elementor-heading-title{font-size:25px;}}/* Start custom CSS for heading, class: .elementor-element-9b940f6 */.tagline-overlay{
  position:absolute;
  top:45%;
  left:0;
  right:0;
  margin:0 auto;
  text-align:center;
  z-index:5;
  color:#fff;
  font-size:2rem;
}

.tagline-overlay.animate__animated

@media (max-width:767px){
  .tagline-overlay{ top:18%; font-size:1.3rem; padding:0 .75rem; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-859f786 *//* overlay on top of video */
.nf-hero-video {
  position: relative;
  overflow: hidden;
}
.nf-hero-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.25); /* adjust 0.25 for opacity */
  pointer-events: none;
  z-index: 2;
}

/* Full-width video that respects original aspect ratio */
#nfHero {
  width: 100vw;                  /* full browser width */
  margin-left: calc(50% - 50vw); /* pull to screen edge */
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}

#nfHero video {
  width: 100%;     /* fill horizontally */
  height: 100%;    /* keep original ratio */
  display: block;
  object-fit: cover;  /* no cropping */
}/* End custom CSS */
/* Start custom CSS *//* --- Layout & base style --- */
.nf-polaroid-stack {
  position: relative;
  height: 420px;              /* adjust to your image sizes */
}

/* Make Image widget wrappers act like cards */
.nf-polaroid-stack .nf-pola {
  position: absolute;
  width: 450px;               /* desktop width of each polaroid */
  aspect-ratio: 4 / 3;        /* keeps ratio; change if needed */
  padding: 14px 14px 40px;    /* thicker bottom = polaroid look */
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 12px 28px rgba(0,0,0,.15);
  overflow: hidden;
  opacity: 0;                 /* hidden before reveal */
  transform: translateX(-80px) rotate(-6deg);
  transition: transform .9s cubic-bezier(.2,.85,.2,1), opacity .9s;
  will-change: transform, opacity;
}

/* Make the image fit nicely inside the polaroid */
.nf-polaroid-stack .nf-pola img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- Final overlapped positions (desktop) --- */
/* Center-ish stack with slight vertical offsets and overlaps */
.nf-polaroid-stack .nf-pola:nth-child(1) { 
  left: 20%; transform: translate(-60%, -6px) rotate(-6deg); top: 0;
  z-index: 1;
}
.nf-polaroid-stack .nf-pola:nth-child(2) { 
  left: 50%; transform: translate(-50%, 0) rotate(3deg); top: 0;
  z-index: 2;
}
.nf-polaroid-stack .nf-pola:nth-child(3) { 
  left: 80%; transform: translate(-40%, 18px) rotate(-2deg); top: 0;
  z-index: 3;
}

/* --- When the stack is "in view", slide from the left and fade in --- */
.nf-polaroid-stack.is-in .nf-pola { opacity: 1; }

/* Staggered timings */
.nf-polaroid-stack.is-in .nf-pola:nth-child(1) { 
  transition-delay: .00s; transform: translate(-60%, -6px) rotate(-6deg);
}
.nf-polaroid-stack.is-in .nf-pola:nth-child(2) { 
  transition-delay: .18s; transform: translate(-50%, 0) rotate(3deg);
}
.nf-polaroid-stack.is-in .nf-pola:nth-child(3) { 
  transition-delay: .36s; transform: translate(-40%, 18px) rotate(-2deg);
}

/* Optional: tiny hover wiggle for premium feel */
.nf-polaroid-stack .nf-pola:hover { 
  transform: translate(-50%, 0) rotate(0deg) scale(1.01);
  box-shadow: 0 18px 38px rgba(0,0,0,.2);
}

/* --- Tablet & Mobile tweaks --- */
@media (max-width: 1024px) {
  .nf-polaroid-stack { height: 520px; }
  .nf-polaroid-stack .nf-pola { width: 360px; }
}

@media (max-width: 767px) {
  .nf-polaroid-stack {
    height: auto;
    display: grid;
    gap: 18px;
  }
  .nf-polaroid-stack .nf-pola {
    position: relative;
    width: 100%;
    transform: translateX(-40px) rotate(-4deg);
  }
  .nf-polaroid-stack .nf-pola:nth-child(1),
  .nf-polaroid-stack .nf-pola:nth-child(2),
  .nf-polaroid-stack .nf-pola:nth-child(3) {
    left: auto; top: auto; transform: translateX(-40px) rotate(-2deg);
  }
  .nf-polaroid-stack.is-in .nf-pola {
    transform: none; /* slide straight in on mobile */
  }
}/* End custom CSS */