.elementor-9 .elementor-element.elementor-element-e8b6800{--display:flex;--overlay-opacity:0.5;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-e8b6800:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-e8b6800 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fzmarketinglegacy.com.my/wp-content/uploads/2026/01/ChatGPT-Image-Jan-10-2026-11_31_33-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-e8b6800::before, .elementor-9 .elementor-element.elementor-element-e8b6800 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-e8b6800 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-e8b6800 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-e8b6800 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-e8b6800 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-c3d03de{--display:flex;}.elementor-9 .elementor-element.elementor-element-8704230{--display:flex;--overlay-opacity:0.92;}.elementor-9 .elementor-element.elementor-element-8704230::before, .elementor-9 .elementor-element.elementor-element-8704230 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-8704230 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-8704230 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-8704230 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-8704230 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-50c0ed1{--display:flex;--overlay-opacity:0.5;}.elementor-9 .elementor-element.elementor-element-50c0ed1::before, .elementor-9 .elementor-element.elementor-element-50c0ed1 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-50c0ed1 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-50c0ed1 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-50c0ed1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-50c0ed1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-b909d80{--display:flex;}.elementor-9 .elementor-element.elementor-element-83d6f07{--display:flex;}@media(min-width:1025px){.elementor-9 .elementor-element.elementor-element-e8b6800:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-e8b6800 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-69b05fd *//* ==============================
HERO SECTION – FZ MARKETING LEGACY
ENGLISH VERSION (WHITE + RED THEME)
============================== */

.fz-hero{
  --red:#E11D2E;
  --red-dark:#B81422;

  background:transparent;
  color:#fff !important;
  font-family:'Poppins',sans-serif;
  padding:90px 6%;
}

/* FORCE WHITE TEXT */
.fz-hero *{
  color:#fff;
}

.fz-wrap{
  max-width:1200px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px;
}

/* LEFT */
.fz-left{ flex:1; }

.fz-eyebrow{
  font-size:13px;
  letter-spacing:.25em;
  text-transform:uppercase;
  margin-bottom:14px;
  opacity:.75;
}

/* TITLE */
.fz-title{
  font-size:clamp(34px,4.8vw,56px);
  font-weight:800;
  line-height:1.1;
  margin-bottom:22px;
}

.fz-title span{
  position:relative;
  display:inline-block;
}

.fz-title span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:.15em;
  width:100%;
  height:.3em;
  background:var(--red);
  opacity:.55;
  z-index:-1;
  border-radius:999px;
}

/* DESCRIPTION */
.fz-desc{
  max-width:640px;
  font-size:16px;
  line-height:1.75;
  opacity:.88;
  margin-bottom:32px;
}

/* CTA */
.fz-cta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:26px;
}

.fz-btn{
  padding:14px 26px;
  border-radius:14px;
  font-weight:700;
  text-decoration:none;
  transition:.25s ease;
}

.fz-btn.red{
  background:linear-gradient(180deg,var(--red),var(--red-dark));
  box-shadow:0 20px 45px rgba(225,29,46,.45);
}

.fz-btn.red:hover{
  transform:translateY(-3px);
}

.fz-btn.outline{
  border:2px solid var(--red);
  background:transparent;
}

.fz-btn.outline:hover{
  background:rgba(225,29,46,.15);
}

/* TAGS */
.fz-tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.fz-tags span{
  font-size:13px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.06);
}

/* RIGHT LOGO */
.fz-right{
  flex:0 0 360px;
  display:flex;
  justify-content:center;
}

.fz-logo-stage{
  position:relative;
  width:260px;
  height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.fz-logo{
  width:160px;
  z-index:3;
  animation:float 4.5s ease-in-out infinite;
}

/* RED MOTION RINGS */
.ring{
  position:absolute;
  border-radius:50%;
  border:2px solid var(--red);
  opacity:.45;
  animation:spin 18s linear infinite, pulse 3s ease-in-out infinite;
}

.r1{ width:200px; height:200px; }
.r2{ width:240px; height:240px; animation-duration:28s; opacity:.35; }
.r3{ width:280px; height:280px; animation-duration:40s; opacity:.25; }

/* ANIMATION */
@keyframes float{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-14px); }
}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@keyframes pulse{
  0%,100%{ box-shadow:0 0 0 rgba(225,29,46,.3); }
  50%{ box-shadow:0 0 35px rgba(225,29,46,.6); }
}

/* RESPONSIVE */
@media(max-width:900px){
  .fz-wrap{
    flex-direction:column;
  }
}

@media(max-width:520px){
  .fz-btn{
    width:100%;
    text-align:center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a0d383 *//* ==============================
SECTION 3 — SERVICES (ENGLISH)
CSS
============================== */

.fz-sec3{
  --red:#E11D2E;
  --black:#111111;
  --gray:#444444;

  font-family:'Poppins',sans-serif;
  background:transparent;
  padding:90px 6%;
  color:var(--black);
}

.fz-sec3-wrap{
  max-width:1200px;
  margin:auto;
}

.fz-sec3-head{
  max-width:780px;
  margin-bottom:40px;
}

.fz-sec3-eyebrow{
  font-size:13px;
  letter-spacing:.25em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--red);
  margin-bottom:12px;
}

.fz-sec3-title{
  font-size:clamp(30px,4vw,46px);
  font-weight:800;
  line-height:1.15;
  margin-bottom:16px;
  color:var(--black);
}

.fz-sec3-title span{
  position:relative;
  display:inline-block;
}

.fz-sec3-title span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:.18em;
  width:100%;
  height:.28em;
  background:var(--red);
  opacity:.30;
  z-index:-1;
  border-radius:999px;
}

.fz-sec3-subtitle{
  font-size:16px;
  line-height:1.75;
  color:var(--gray);
  margin:0;
}

/* GRID */
.fz-sec3-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:18px;
}

/* CARD */
.fz-service{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:26px 24px;
  box-shadow:0 18px 40px rgba(0,0,0,.06);
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}

.fz-service::before{
  content:"";
  position:absolute;
  inset:auto auto 0 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,var(--red), rgba(225,29,46,.2));
}

.fz-service:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 55px rgba(0,0,0,.10);
}

/* ICON NUMBER */
.fz-ico{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:13px;
  color:var(--red);
  background:rgba(225,29,46,.10);
  border:1px solid rgba(225,29,46,.25);
  margin-bottom:14px;
}

/* TEXT */
.fz-service h3{
  font-size:18px;
  font-weight:800;
  margin:0 0 10px;
  color:var(--black);
}

.fz-service p{
  font-size:15px;
  line-height:1.7;
  color:var(--gray);
  margin:0 0 14px;
}

.fz-service ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}

.fz-service li{
  position:relative;
  padding-left:22px;
  font-size:14px;
  color:#333;
}

.fz-service li::before{
  content:"•";
  position:absolute;
  left:0;
  top:-1px;
  color:var(--red);
  font-size:20px;
  line-height:1;
}

/* RESPONSIVE */
@media(max-width:980px){
  .fz-sec3-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:560px){
  .fz-sec3-grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aba289c *//* ==============================
SECTION 4 — PRICING (FIXED + SCOPED)
WHITE BOX + BLACK TEXT + RED ACCENT
============================== */

.fz-sec4{
  --red:#E11D2E;
  --red-dark:#b81422;
  --black:#111111;
  --gray:#555555;

  padding:100px 6%;
  font-family:'Poppins',sans-serif;
  background:transparent;
}

/* IMPORTANT: no global * .elementor-9 .elementor-element.elementor-element-aba289c here */

.fz-sec4 .fz-sec4-wrap{
  max-width:1200px;
  margin:auto;
}

/* HEADER */
.fz-sec4 .fz-sec4-head{
  max-width:720px;
  margin-bottom:50px;
}

.fz-sec4 .fz-sec4-eyebrow{
  font-size:13px;
  letter-spacing:.25em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--red);
  margin-bottom:12px;
}

.fz-sec4 .fz-sec4-title{
  font-size:clamp(32px,4vw,48px);
  font-weight:800;
  line-height:1.15;
  margin-bottom:14px;
  color:#fff; /* title putih ikut tema gelap */
}

.fz-sec4 .fz-sec4-title span{
  position:relative;
  display:inline-block;
}

.fz-sec4 .fz-sec4-title span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:.18em;
  width:100%;
  height:.3em;
  background:var(--red);
  opacity:.55;
  z-index:-1;
  border-radius:999px;
}

.fz-sec4 .fz-sec4-subtitle{
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,.85);
}

/* GRID */
.fz-sec4 .fz-sec4-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:22px;
}

/* CARD */
.fz-sec4 .fz-price-card{
  background:#ffffff;
  border-radius:22px;
  padding:34px 30px;
  box-shadow:0 20px 45px rgba(0,0,0,.08);
  position:relative;
  color:var(--black);
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,0,0,.06);
}

.fz-sec4 .fz-price-card h3{
  font-size:22px;
  font-weight:800;
  margin:0 0 10px;
  color:var(--black);
}

/* PRICE */
.fz-sec4 .fz-price{
  font-size:42px;
  font-weight:800;
  color:var(--red);
  margin:0 0 10px;
}

.fz-sec4 .fz-price.rq{
  font-size:24px;
  font-weight:700;
}

/* DESC */
.fz-sec4 .fz-desc{
  font-size:15px;
  line-height:1.7;
  color:var(--gray);
  margin:0 0 18px;
}

/* LIST */
.fz-sec4 .fz-price-card ul{
  list-style:none;
  padding:0;
  margin:0 0 26px;
  display:grid;
  gap:12px;
}

.fz-sec4 .fz-price-card li{
  position:relative;
  padding-left:24px;
  font-size:14px;
  color:#333;
}

.fz-sec4 .fz-price-card li::before{
  content:"✔";
  position:absolute;
  left:0;
  color:var(--red);
  font-weight:700;
}

/* BUTTON */
.fz-sec4 .fz-btn-price{
  margin-top:auto;
  text-align:center;
  padding:14px 24px;
  border-radius:14px;
  font-weight:700;
  text-decoration:none;
  background:linear-gradient(180deg,var(--red),var(--red-dark));
  color:#fff;
  transition:.25s ease;
  display:block;
}

.fz-sec4 .fz-btn-price:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(225,29,46,.45);
}

.fz-sec4 .fz-btn-price.outline{
  background:transparent;
  color:var(--red);
  border:2px solid var(--red);
  box-shadow:none;
}

.fz-sec4 .fz-btn-price.outline:hover{
  background:rgba(225,29,46,.08);
  transform:translateY(-2px);
}

/* FEATURED */
.fz-sec4 .fz-price-card.featured{
  border:2px solid var(--red);
  transform:translateY(-10px);
  box-shadow:0 26px 60px rgba(225,29,46,.14);
}

/* BADGE */
.fz-sec4 .fz-badge{
  position:absolute;
  top:-14px;
  left:24px;
  background:var(--red);
  color:#fff;
  padding:6px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}

/* RESPONSIVE */
@media(max-width:980px){
  .fz-sec4 .fz-sec4-grid{
    grid-template-columns:1fr;
  }
  .fz-sec4 .fz-price-card.featured{
    transform:none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd7fa75 *//* ==============================
SECTION 5 — CLIENTS / PORTFOLIO
BLACK TEXT + RED THEME
============================== */

.fz-sec5{
  --red:#E11D2E;
  --black:#111111;
  --gray:#555555;

  padding:100px 6%;
  font-family:'Poppins',sans-serif;
  background:transparent;
  color:var(--black);
}

.fz-sec5 *{ color:var(--black); }

.fz-sec5-wrap{
  max-width:1200px;
  margin:auto;
}

.fz-sec5-head{
  max-width:760px;
  margin-bottom:45px;
}

.fz-sec5-eyebrow{
  font-size:13px;
  letter-spacing:.25em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--red);
  margin-bottom:12px;
}

.fz-sec5-title{
  font-size:clamp(32px,4vw,48px);
  font-weight:900;
  line-height:1.15;
  margin-bottom:14px;
}

.fz-sec5-title span{
  position:relative;
  display:inline-block;
}

.fz-sec5-title span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:.18em;
  width:100%;
  height:.30em;
  background:var(--red);
  opacity:.28;
  z-index:-1;
  border-radius:999px;
}

.fz-sec5-subtitle{
  font-size:16px;
  line-height:1.7;
  color:var(--gray);
}

/* GRID */
.fz-sec5-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:18px;
}

/* CARD LINK */
.fz-project{
  text-decoration:none;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 18px 45px rgba(0,0,0,.06);
  transition:.25s ease;
  display:flex;
  flex-direction:column;
  min-height: 260px;
}

.fz-project:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 70px rgba(0,0,0,.10);
  border-color: rgba(225,29,46,.25);
}

/* THUMB PLACEHOLDER */
.fz-thumb{
  height:140px;
  background: linear-gradient(135deg, rgba(225,29,46,.08), rgba(0,0,0,.03));
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.fz-thumb span{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: rgba(17,17,17,.50);
  padding:8px 12px;
  border-radius:999px;
  border:1px dashed rgba(225,29,46,.35);
  background: rgba(255,255,255,.75);
}

/* INFO */
.fz-info{
  padding:18px 18px 20px;
}

.fz-info h3{
  font-size:15.5px;
  font-weight:900;
  margin:0 0 8px;
}

.fz-info p{
  font-size:13.5px;
  line-height:1.6;
  color:var(--gray);
  margin:0 0 12px;
}

.fz-tag{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  padding:6px 12px;
  border-radius:999px;
  color: var(--red);
  background: rgba(225,29,46,.10);
  border:1px solid rgba(225,29,46,.18);
}

/* CTA BOX */
.fz-sec5-cta{
  margin-top:35px;
}

.fz-sec5-ctaBox{
  background:#fff;
  border-radius:20px;
  padding:26px 26px;
  border-left:6px solid var(--red);
  box-shadow:0 18px 45px rgba(0,0,0,.06);
}

.fz-sec5-ctaBox h3{
  font-size:20px;
  font-weight:900;
  margin:0 0 8px;
}

.fz-sec5-ctaBox p{
  margin:0 0 14px;
  color:var(--gray);
  line-height:1.7;
}

.fz-sec5-btn{
  display:inline-block;
  text-decoration:none;
  color:#fff !important;
  font-weight:800;
  padding:12px 18px;
  border-radius:14px;
  background: linear-gradient(180deg, var(--red), #B81422);
  box-shadow:0 16px 40px rgba(225,29,46,.35);
  transition:.25s ease;
}

.fz-sec5-btn:hover{ transform:translateY(-2px); }

/* RESPONSIVE */
@media(max-width:1100px){
  .fz-sec5-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:560px){
  .fz-sec5-grid{ grid-template-columns: 1fr; }
}
/* CLIENT LOGO INSIDE PORTFOLIO CARD */
.fz-thumb{
  height:140px;
  background: linear-gradient(135deg, rgba(225,29,46,.06), rgba(0,0,0,.02));
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}

.fz-thumb img{
  max-width:100%;
  max-height:70px;        /* control height logo */
  object-fit:contain;
  filter: grayscale(100%);
  opacity:.85;
  transition:.25s ease;
}

/* HOVER EFFECT */
.fz-project:hover .fz-thumb img{
  filter: grayscale(0%);
  opacity:1;
  transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e3876d *//* ==============================
SECTION 6 — CONTACT + FAQ
BLACK TEXT + RED THEME
============================== */

.fz-sec6{
  --red:#E11D2E;
  --black:#111111;
  --gray:#555555;

  padding:110px 6%;
  font-family:'Poppins',sans-serif;
  background:transparent;
  color:var(--black);
}

.fz-sec6 *{ color:var(--black); }

.fz-sec6-wrap{
  max-width:1200px;
  margin:auto;
  display:flex;
  gap:70px;
  align-items:flex-start;
}

/* LEFT */
.fz-sec6-left{
  flex:1;
}

.fz-sec6-eyebrow{
  font-size:13px;
  letter-spacing:.25em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--red);
  margin-bottom:14px;
}

.fz-sec6-title{
  font-size:clamp(32px,4vw,48px);
  font-weight:900;
  line-height:1.15;
  margin-bottom:18px;
}

.fz-sec6-title span{
  position:relative;
}

.fz-sec6-title span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:.18em;
  width:100%;
  height:.3em;
  background:var(--red);
  opacity:.35;
  z-index:-1;
  border-radius:999px;
}

.fz-sec6-desc{
  max-width:600px;
  font-size:16px;
  line-height:1.75;
  color:var(--gray);
  margin-bottom:26px;
}

/* CONTACT BOX */
.fz-sec6-contactBox{
  background:#ffffff;
  border-radius:22px;
  padding:28px 30px;
  border-left:6px solid var(--red);
  box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.fz-sec6-contactBox h3{
  font-size:18px;
  font-weight:800;
  margin-bottom:14px;
}

.fz-sec6-contactBox ul{
  list-style:none;
  padding:0;
  margin:0 0 18px;
}

.fz-sec6-contactBox li{
  position:relative;
  padding-left:22px;
  margin-bottom:10px;
  font-size:14px;
  color:#333;
}

.fz-sec6-contactBox li::before{
  content:"✔";
  position:absolute;
  left:0;
  color:var(--red);
  font-weight:700;
}

/* BUTTON */
.fz-sec6-btn{
  display:inline-block;
  text-decoration:none;
  font-weight:800;
  color:#fff !important;
  background:linear-gradient(180deg,var(--red),#B81422);
  padding:14px 22px;
  border-radius:14px;
  box-shadow:0 18px 40px rgba(225,29,46,.35);
  transition:.25s ease;
}

.fz-sec6-btn:hover{
  transform:translateY(-2px);
}

/* RIGHT FAQ */
.fz-sec6-right{
  flex:0 0 420px;
}

.fz-sec6-faqBox{
  background:#ffffff;
  border-radius:22px;
  padding:30px 30px;
  box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.fz-sec6-faqBox h3{
  font-size:20px;
  font-weight:900;
  margin-bottom:20px;
}

.fz-faq{
  margin-bottom:18px;
}

.fz-faq h4{
  font-size:15px;
  font-weight:800;
  margin-bottom:6px;
}

.fz-faq p{
  font-size:14px;
  line-height:1.65;
  color:var(--gray);
  margin:0;
}

/* RESPONSIVE */
@media(max-width:980px){
  .fz-sec6-wrap{
    flex-direction:column;
  }
  .fz-sec6-right{
    width:100%;
  }
}/* End custom CSS */