.elementor-kit-6140{--e-global-color-primary:#B12024;--e-global-color-secondary:#58595B;--e-global-color-text:#111111;--e-global-color-accent:#B12024;--e-global-color-367b26c:#8F171B;--e-global-color-fa0e0c8:#F8EAEA;--e-global-color-ee5ca3b:#2F3033;--e-global-color-90bd5d3:#6F7073;--e-global-color-0c67075:#E5E5E5;--e-global-color-6a437e5:#F7F7F7;--e-global-color-a072758:#FFFFFF;--e-global-color-9098f8c:#111111;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.18em;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:600;--e-global-typography-994185c-font-family:"Plus Jakarta Sans";--e-global-typography-994185c-font-size:64px;--e-global-typography-994185c-font-weight:800;--e-global-typography-994185c-line-height:1.06em;--e-global-typography-994185c-letter-spacing:-0.045em;--e-global-typography-eeb3d29-font-family:"Plus Jakarta Sans";--e-global-typography-eeb3d29-font-size:52px;--e-global-typography-eeb3d29-font-weight:800;--e-global-typography-eeb3d29-line-height:1.12em;--e-global-typography-eeb3d29-letter-spacing:-0.035em;--e-global-typography-d65d4b0-font-family:"Plus Jakarta Sans";--e-global-typography-d65d4b0-font-size:40px;--e-global-typography-d65d4b0-font-weight:800;--e-global-typography-d65d4b0-line-height:1.16em;--e-global-typography-d65d4b0-letter-spacing:-0.03em;--e-global-typography-fec3e3e-font-family:"Plus Jakarta Sans";--e-global-typography-fec3e3e-font-size:28px;--e-global-typography-fec3e3e-font-weight:700;--e-global-typography-fec3e3e-line-height:1.24em;--e-global-typography-fec3e3e-letter-spacing:-0.02em;--e-global-typography-d40f30a-font-family:"Plus Jakarta Sans";--e-global-typography-d40f30a-font-size:21px;--e-global-typography-d40f30a-font-weight:600;--e-global-typography-d40f30a-line-height:1.35em;--e-global-typography-d40f30a-letter-spacing:-0.005em;--e-global-typography-6059779-font-family:"Plus Jakarta Sans";--e-global-typography-6059779-font-size:18px;--e-global-typography-6059779-font-weight:400;--e-global-typography-6059779-line-height:1.65em;--e-global-typography-e16566e-font-family:"Plus Jakarta Sans";--e-global-typography-e16566e-font-size:16px;--e-global-typography-e16566e-font-weight:400;--e-global-typography-e16566e-line-height:1.625em;--e-global-typography-4a5093e-font-family:"Plus Jakarta Sans";--e-global-typography-4a5093e-font-size:14px;--e-global-typography-4a5093e-font-weight:500;--e-global-typography-4a5093e-line-height:1.55em;--e-global-typography-5630c07-font-family:"Plus Jakarta Sans";--e-global-typography-5630c07-font-size:13px;--e-global-typography-5630c07-font-weight:700;--e-global-typography-5630c07-text-transform:uppercase;--e-global-typography-5630c07-line-height:1.2em;--e-global-typography-5630c07-letter-spacing:0.08em;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-e16566e-font-family ), Be Vietnam Pro;font-size:var( --e-global-typography-e16566e-font-size );font-weight:var( --e-global-typography-e16566e-font-weight );line-height:var( --e-global-typography-e16566e-line-height );letter-spacing:var( --e-global-typography-e16566e-letter-spacing );}.elementor-kit-6140 button,.elementor-kit-6140 input[type="button"],.elementor-kit-6140 input[type="submit"],.elementor-kit-6140 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Plus Jakarta Sans", Be Vietnam Pro;font-size:15px;font-weight:600;line-height:1.2em;color:var( --e-global-color-a072758 );border-radius:8px 8px 8px 8px;padding:14px 24px 14px 24px;}.elementor-kit-6140 button:hover,.elementor-kit-6140 button:focus,.elementor-kit-6140 input[type="button"]:hover,.elementor-kit-6140 input[type="button"]:focus,.elementor-kit-6140 input[type="submit"]:hover,.elementor-kit-6140 input[type="submit"]:focus,.elementor-kit-6140 .elementor-button:hover,.elementor-kit-6140 .elementor-button:focus{background-color:var( --e-global-color-367b26c );color:var( --e-global-color-a072758 );border-radius:8px 8px 8px 8px;}.elementor-kit-6140 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6140 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-5630c07-font-family ), Be Vietnam Pro;font-size:var( --e-global-typography-5630c07-font-size );font-weight:var( --e-global-typography-5630c07-font-weight );text-transform:var( --e-global-typography-5630c07-text-transform );line-height:var( --e-global-typography-5630c07-line-height );letter-spacing:var( --e-global-typography-5630c07-letter-spacing );}.elementor-kit-6140 a:hover{color:var( --e-global-color-367b26c );font-family:"Plus Jakarta Sans", Be Vietnam Pro;font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.2em;letter-spacing:0.08em;}.elementor-kit-6140 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-eeb3d29-font-family ), Be Vietnam Pro;font-size:var( --e-global-typography-eeb3d29-font-size );font-weight:var( --e-global-typography-eeb3d29-font-weight );line-height:var( --e-global-typography-eeb3d29-line-height );letter-spacing:var( --e-global-typography-eeb3d29-letter-spacing );}.elementor-kit-6140 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-eeb3d29-font-family ), Be Vietnam Pro;font-size:var( --e-global-typography-eeb3d29-font-size );font-weight:var( --e-global-typography-eeb3d29-font-weight );line-height:var( --e-global-typography-eeb3d29-line-height );letter-spacing:var( --e-global-typography-eeb3d29-letter-spacing );}.elementor-kit-6140 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-fec3e3e-font-family ), Be Vietnam Pro;font-size:var( --e-global-typography-fec3e3e-font-size );font-weight:var( --e-global-typography-fec3e3e-font-weight );line-height:var( --e-global-typography-fec3e3e-line-height );letter-spacing:var( --e-global-typography-fec3e3e-letter-spacing );}.elementor-kit-6140 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-d40f30a-font-family ), Be Vietnam Pro;font-size:var( --e-global-typography-d40f30a-font-size );font-weight:var( --e-global-typography-d40f30a-font-weight );line-height:var( --e-global-typography-d40f30a-line-height );letter-spacing:var( --e-global-typography-d40f30a-letter-spacing );}.elementor-kit-6140 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-6059779-font-family ), Be Vietnam Pro;font-size:var( --e-global-typography-6059779-font-size );font-weight:var( --e-global-typography-6059779-font-weight );line-height:var( --e-global-typography-6059779-line-height );}.elementor-kit-6140 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-e16566e-font-family ), Be Vietnam Pro;font-size:var( --e-global-typography-e16566e-font-size );font-weight:var( --e-global-typography-e16566e-font-weight );line-height:var( --e-global-typography-e16566e-line-height );letter-spacing:var( --e-global-typography-e16566e-letter-spacing );}.elementor-kit-6140 label{color:var( --e-global-color-ee5ca3b );font-family:"Plus Jakarta Sans", Be Vietnam Pro;font-size:14px;font-weight:600;}.elementor-kit-6140 input:not([type="button"]):not([type="submit"]),.elementor-kit-6140 textarea,.elementor-kit-6140 .elementor-field-textual{font-family:"Plus Jakarta Sans", Be Vietnam Pro;font-size:15px;font-weight:400;line-height:1.4em;color:var( --e-global-color-text );accent-color:var( --e-global-color-90bd5d3 );background-color:var( --e-global-color-6a437e5 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-0c67075 );border-radius:8px 8px 8px 8px;padding:14px 16px 14px 16px;}.elementor-kit-6140 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6140 textarea:focus,.elementor-kit-6140 .elementor-field-textual:focus{color:var( --e-global-color-text );accent-color:var( --e-global-color-90bd5d3 );background-color:var( --e-global-color-a072758 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6140{font-size:var( --e-global-typography-e16566e-font-size );line-height:var( --e-global-typography-e16566e-line-height );letter-spacing:var( --e-global-typography-e16566e-letter-spacing );}.elementor-kit-6140 a{font-size:var( --e-global-typography-5630c07-font-size );line-height:var( --e-global-typography-5630c07-line-height );letter-spacing:var( --e-global-typography-5630c07-letter-spacing );}.elementor-kit-6140 h1{font-size:var( --e-global-typography-eeb3d29-font-size );line-height:var( --e-global-typography-eeb3d29-line-height );letter-spacing:var( --e-global-typography-eeb3d29-letter-spacing );}.elementor-kit-6140 h2{font-size:var( --e-global-typography-eeb3d29-font-size );line-height:var( --e-global-typography-eeb3d29-line-height );letter-spacing:var( --e-global-typography-eeb3d29-letter-spacing );}.elementor-kit-6140 h3{font-size:var( --e-global-typography-fec3e3e-font-size );line-height:var( --e-global-typography-fec3e3e-line-height );letter-spacing:var( --e-global-typography-fec3e3e-letter-spacing );}.elementor-kit-6140 h4{font-size:var( --e-global-typography-d40f30a-font-size );line-height:var( --e-global-typography-d40f30a-line-height );letter-spacing:var( --e-global-typography-d40f30a-letter-spacing );}.elementor-kit-6140 h5{font-size:var( --e-global-typography-6059779-font-size );line-height:var( --e-global-typography-6059779-line-height );}.elementor-kit-6140 h6{font-size:var( --e-global-typography-e16566e-font-size );line-height:var( --e-global-typography-e16566e-line-height );letter-spacing:var( --e-global-typography-e16566e-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6140{font-size:var( --e-global-typography-e16566e-font-size );line-height:var( --e-global-typography-e16566e-line-height );letter-spacing:var( --e-global-typography-e16566e-letter-spacing );}.elementor-kit-6140 a{font-size:var( --e-global-typography-5630c07-font-size );line-height:var( --e-global-typography-5630c07-line-height );letter-spacing:var( --e-global-typography-5630c07-letter-spacing );}.elementor-kit-6140 h1{font-size:var( --e-global-typography-eeb3d29-font-size );line-height:var( --e-global-typography-eeb3d29-line-height );letter-spacing:var( --e-global-typography-eeb3d29-letter-spacing );}.elementor-kit-6140 h2{font-size:var( --e-global-typography-eeb3d29-font-size );line-height:var( --e-global-typography-eeb3d29-line-height );letter-spacing:var( --e-global-typography-eeb3d29-letter-spacing );}.elementor-kit-6140 h3{font-size:var( --e-global-typography-fec3e3e-font-size );line-height:var( --e-global-typography-fec3e3e-line-height );letter-spacing:var( --e-global-typography-fec3e3e-letter-spacing );}.elementor-kit-6140 h4{font-size:var( --e-global-typography-d40f30a-font-size );line-height:var( --e-global-typography-d40f30a-line-height );letter-spacing:var( --e-global-typography-d40f30a-letter-spacing );}.elementor-kit-6140 h5{font-size:var( --e-global-typography-6059779-font-size );line-height:var( --e-global-typography-6059779-line-height );}.elementor-kit-6140 h6{font-size:var( --e-global-typography-e16566e-font-size );line-height:var( --e-global-typography-e16566e-line-height );letter-spacing:var( --e-global-typography-e16566e-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --gf-red:#B12024; --gf-font-primary:Plus Jakarta Sans; --gf-font-fallback:Be Vietnam Pro; --gf-space-section-xl:clamp(4rem, 2.55rem + 3.9vw, 6rem); --gf-space-container-x:clamp(1.25rem, 0.6rem + 2.7vw, 3rem); --gf-red-dark:#8F171B; --gf-red-light:#F8EAEA; --gf-gray:#58595B; --gf-black:#111111; --gf-text-dark:#2F3033; --gf-text-muted:#6F7073; --gf-border:#E5E5E5; --gf-bg-light:#F7F7F7; --gf-white:#FFFFFF; --gf-success:#178A55; --gf-warning:#D97706; --gf-error:#C62828; --gf-container-max:1200px; --gf-type-hero:clamp(2.125rem, 1.5rem + 2vw, 3.25rem); --gf-type-h1:clamp(2rem, 1.45rem + 1.65vw, 3rem); --gf-type-h2:clamp(1.875rem, 1.55rem + 1.25vw, 2.5rem); --gf-type-h3:clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem); --gf-type-h4:clamp(1.125rem, 1.05rem + 0.25vw, 1.25rem); --gf-type-body-large:clamp(1.0625rem, 1.02rem + 0.18vw, 1.125rem); --gf-type-body:1rem; --gf-type-small:0.875rem; --gf-space-section-l:clamp(3.5rem, 2.55rem + 3.2vw, 5.5rem); --gf-space-section-m:clamp(2.5rem, 1.75rem + 3.1vw, 4.5rem); --gf-space-section-s:clamp(2rem, 1.63rem + 1.54vw, 3rem); --gf-space-grid-gap:clamp(1rem, 0.81rem + 0.77vw, 1.5rem); --gf-space-card:clamp(1.25rem, 1.06rem + 0.77vw, 1.75rem); --gf-radius-button:8px; --gf-radius-card:12px; --gf-radius-image:12px; --e-gv-c5f9384:clamp(64px, 4.5vw, 80px); --gf-type-eyebrow:0.8125rem; --gf-space-gap-s:clamp(0.5rem, 0.4rem + 0.4vw, 0.75rem); --gf-space-gap-m:clamp(0.75rem, 0.58rem + 0.65vw, 1rem); --gf-space-gap-l:clamp(1rem, 0.8rem + 0.8vw, 1.5rem); }
/* Start custom CSS */:root {
  /* GoodFood Brand Colors */
  --gf-red: #B12024;
  --gf-red-dark: #8F171B;
  --gf-red-light: #F8EAEA;
  --gf-gray: #58595B;
  --gf-black: #111111;
  --gf-text-dark: #2F3033;
  --gf-text-muted: #6F7073;
  --gf-border: #E5E5E5;
  --gf-bg-light: #F7F7F7;
  --gf-white: #FFFFFF;

  /* Font */
  --gf-font-main: "Plus Jakarta Sans", "Be Vietnam Pro", Arial, sans-serif;

  /* Fluid Type */
  --gf-type-hero: clamp(2.55rem, 1.72rem + 3.1vw, 4.25rem);
  --gf-type-h1: clamp(2.25rem, 1.74rem + 1.95vw, 3.25rem);
  --gf-type-h2: clamp(1.875rem, 1.55rem + 1.25vw, 2.5rem);
  --gf-type-h3: clamp(1.375rem, 1.23rem + 0.58vw, 1.75rem);
  --gf-type-h4: clamp(1.1875rem, 1.11rem + 0.28vw, 1.3125rem);
  --gf-type-body-large: clamp(1.0625rem, 1.02rem + 0.18vw, 1.125rem);
  --gf-type-body: 1rem;
  --gf-type-small: 0.875rem;

  /* Fluid Spacing */
  --gf-container-max: 1200px;
  --gf-space-section-xl: clamp(4rem, 2.55rem + 3.9vw, 6rem);
  --gf-space-section-l: clamp(3.5rem, 2.55rem + 3.2vw, 5.5rem);
  --gf-space-section-m: clamp(2.5rem, 1.75rem + 3.1vw, 4.5rem);
  --gf-space-section-s: clamp(2rem, 1.63rem + 1.54vw, 3rem);
  --gf-space-container-x: clamp(1.25rem, 0.6rem + 2.7vw, 3rem);
  --gf-space-grid-gap: clamp(1rem, 0.81rem + 0.77vw, 1.5rem);
  --gf-space-card: clamp(1.25rem, 1.06rem + 0.77vw, 1.75rem);

  /* Radius */
  --gf-radius-button: 8px;
  --gf-radius-card: 12px;
  --gf-radius-image: 12px;
}

body {
  font-family: var(--gf-font-main);
  color: var(--gf-gray);
}

/* Default heading fluid when correct HTML tags are used */
h1 {
  font-size: var(--gf-type-h1);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 800;
  color: var(--gf-black);
}

h2 {
  font-size: var(--gf-type-h2);
  line-height: 1.16;
  letter-spacing: -0.03em;
  font-weight: 800;
  color: var(--gf-black);
}

h3 {
  font-size: var(--gf-type-h3);
  line-height: 1.24;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: var(--gf-black);
}

h4 {
  font-size: var(--gf-type-h4);
  line-height: 1.35;
  letter-spacing: -0.005em;
  font-weight: 600;
  color: var(--gf-black);
}

p {
  font-size: var(--gf-type-body);
  line-height: 1.625;
}

.gf-display .elementor-heading-title {
  font-size: var(--gf-type-hero);
  line-height: 1.06;
  letter-spacing: -0.045em;
  font-weight: 800;
}

.gf-body-large {
  font-size: var(--gf-type-body-large);
  line-height: 1.65;
  color: var(--gf-gray);
}

.gf-small {
  font-size: var(--gf-type-small);
  line-height: 1.55;
  color: var(--gf-text-muted);
}

.gf-eyebrow {
  font-size: 0.8125rem;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--gf-red);
}

.gf-section-xl {
  padding-top: var(--gf-space-section-xl);
  padding-bottom: var(--gf-space-section-xl);
  padding-left: var(--gf-space-container-x);
  padding-right: var(--gf-space-container-x);
}

.gf-section-l {
  padding-top: var(--gf-space-section-l);
  padding-bottom: var(--gf-space-section-l);
  padding-left: var(--gf-space-container-x);
  padding-right: var(--gf-space-container-x);
}

.gf-section-m {
  padding-top: var(--gf-space-section-m);
  padding-bottom: var(--gf-space-section-m);
  padding-left: var(--gf-space-container-x);
  padding-right: var(--gf-space-container-x);
}

.gf-section-s {
  padding-top: var(--gf-space-section-s);
  padding-bottom: var(--gf-space-section-s);
  padding-left: var(--gf-space-container-x);
  padding-right: var(--gf-space-container-x);
}

.gf-container {
  max-width: var(--gf-container-max);
  margin-left: auto;
  margin-right: auto;
}

.gf-grid {
  gap: var(--gf-space-grid-gap);
}

.gf-card {
  padding: var(--gf-space-card);
  border: 1px solid var(--gf-border);
  border-radius: var(--gf-radius-card);
  background: var(--gf-white);
}

.gf-image {
  border-radius: var(--gf-radius-image);
  overflow: hidden;
}

/* =========================================================
   GOODFOOD PARTNER LOGO MARQUEE
   Mục đích:
   - Tạo dải logo chạy ngang trong partner card.
   - Không dùng plugin.
   - Không dùng transform: scale lớn để tránh logo đè nhau.
   - Cân size logo theo nhóm:
     gf-logo-superwide / wide / normal / square / tall.

   Cách dùng:
   - HTML widget chỉ chứa logo list.
   - Mỗi logo item cần có class nhóm đúng với prefix file.
   - Không đặt marquee trong container gf-row.
   ========================================================= */


/* Wrapper ngoài cùng trong HTML widget */
.gf-logo-strip-host {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 1 1 100%;
}


/* Khung marquee chính */
.gf-fnb-logo-marquee {
  --gf-visible: 6;
  --gf-row-height: 78px;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: var(--gf-row-height);

  overflow: hidden;
  background: transparent;

  display: flex;
  align-items: center;
  container-type: inline-size;
}


/* Track chạy ngang */
.gf-fnb-logo-track {
  display: flex;
  align-items: center;
  width: max-content;
  min-width: max-content;

  animation: gfFnbLogoRun var(--gf-duration, 45s) linear infinite;
  will-change: transform;
}


/* Pause khi hover */
.gf-fnb-logo-marquee:hover .gf-fnb-logo-track {
  animation-play-state: paused;
}


/* List logo gốc và list clone */
.gf-fnb-logo-list {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}


/* Mỗi logo nằm trong một slot cố định */
.gf-fnb-logo-item {
  flex: 0 0 calc(100vw / var(--gf-visible));
  width: calc(100vw / var(--gf-visible));
  height: var(--gf-row-height);

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 clamp(14px, 1.6vw, 24px);
  box-sizing: border-box;
  overflow: hidden;
}


/* Tính slot theo chiều rộng thật của marquee nếu browser hỗ trợ */
@supports (width: 100cqw) {
  .gf-fnb-logo-item {
    flex-basis: calc(100cqw / var(--gf-visible));
    width: calc(100cqw / var(--gf-visible));
  }
}


/* Ảnh logo */
.gf-fnb-logo-item img {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
  transform: none !important;

  max-width: min(86%, var(--gf-logo-max-w, 150px));
  max-height: var(--gf-logo-max-h, 46px);

  filter:
    grayscale(var(--gf-logo-gray, 100%))
    saturate(var(--gf-logo-sat, 0))
    contrast(var(--gf-logo-contrast, 110%))
    brightness(var(--gf-logo-brightness, 1))
    opacity(var(--gf-logo-opacity, 1));
}


/* =========================================================
   GROUP SIZING
   Dùng theo prefix file logo:
   superwide-... → gf-logo-superwide
   wide-...      → gf-logo-wide
   normal-...    → gf-logo-normal
   square-...    → gf-logo-square
   tall-...      → gf-logo-tall
   ========================================================= */

.gf-logo-superwide {
  --gf-logo-max-w: 190px;
  --gf-logo-max-h: 34px;
}

.gf-logo-wide {
  --gf-logo-max-w: 170px;
  --gf-logo-max-h: 42px;
}

.gf-logo-normal {
  --gf-logo-max-w: 145px;
  --gf-logo-max-h: 48px;
}

.gf-logo-square {
  --gf-logo-max-w: 104px;
  --gf-logo-max-h: 54px;
}

.gf-logo-tall {
  --gf-logo-max-w: 86px;
  --gf-logo-max-h: 58px;
}


/* Optional: chỉnh tone riêng nếu logo bị nhạt/đậm */
.gf-fnb-logo-item[data-logo-tone="light"] {
  --gf-logo-brightness: 1.15;
}

.gf-fnb-logo-item[data-logo-tone="dark"] {
  --gf-logo-brightness: 0.9;
  --gf-logo-contrast: 120%;
}


/* Animation chạy vô hạn */
@keyframes gfFnbLogoRun {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}


/* Tablet */
@media (max-width: 1024px) {
  .gf-fnb-logo-marquee {
    --gf-visible: 4;
    --gf-row-height: 76px;
  }

  .gf-fnb-logo-item {
    padding: 0 16px;
  }

  .gf-logo-superwide {
    --gf-logo-max-w: 160px;
    --gf-logo-max-h: 30px;
  }

  .gf-logo-wide {
    --gf-logo-max-w: 145px;
    --gf-logo-max-h: 38px;
  }

  .gf-logo-normal {
    --gf-logo-max-w: 128px;
    --gf-logo-max-h: 42px;
  }

  .gf-logo-square {
    --gf-logo-max-w: 92px;
    --gf-logo-max-h: 48px;
  }

  .gf-logo-tall {
    --gf-logo-max-w: 76px;
    --gf-logo-max-h: 50px;
  }
}


/* Mobile trong partner card - logo lớn hơn */
@media (max-width: 767px) {
  .gf-fnb-logo-marquee {
    --gf-visible: 1.75;
    --gf-row-height: 84px;
  }

  .gf-fnb-logo-item {
    padding: 0 8px;
  }

  .gf-logo-superwide {
    --gf-logo-max-w: 160px;
    --gf-logo-max-h: 36px;
  }

  .gf-logo-wide {
    --gf-logo-max-w: 148px;
    --gf-logo-max-h: 42px;
  }

  .gf-logo-normal {
    --gf-logo-max-w: 132px;
    --gf-logo-max-h: 46px;
  }

  .gf-logo-square {
    --gf-logo-max-w: 96px;
    --gf-logo-max-h: 52px;
  }

  .gf-logo-tall {
    --gf-logo-max-w: 76px;
    --gf-logo-max-h: 56px;
  }
}


/* Tắt animation nếu người dùng bật Reduce Motion */
@media (prefers-reduced-motion: reduce) {
  .gf-fnb-logo-track {
    animation: none;
  }
}/* End custom CSS */