.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600;700;800&display=swap');

:root {--navy:#0d2a43;
  --navy-2:#14375a;
  --gold:#e0a83d;
  --gold-2:#f3c463;
  --green:#1f9d6b;
  --ink:#1b2733;
  --muted:#5b6b7a;
  --paper:#ffffff;
  --soft:#f4f7fa;
  --soft-2:#eaf1f7;
  --line:#e2e9f0;
  --shadow:0 14px 40px rgba(13,42,67,.12);
  --shadow-sm:0 6px 18px rgba(13,42,67,.08);
  --radius:18px;
  --maxw:1180px;}
#hfc-page * {margin:0;padding:0;box-sizing:border-box}
html {scroll-behavior:smooth}
#hfc-page {font-family:'Kanit',sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;}
#hfc-page img {max-width:100%;display:block}
#hfc-page a {text-decoration:none;color:inherit}
#hfc-page .wrap {max-width:var(--maxw);margin:0 auto;padding:0 22px}
#hfc-page section {scroll-margin-top:90px}
#hfc-page h1, #hfc-page h2, #hfc-page h3, #hfc-page .brand {font-family:'Prompt',sans-serif;font-weight:700;line-height:1.25}
#hfc-page .btn {display:inline-flex !important;align-items:center;justify-content:center;gap:8px;
  white-space:nowrap !important;line-height:1.2 !important;
  font-family:'Prompt',sans-serif;font-weight:600;font-size:1rem;
  padding:12px 24px;border-radius:12px !important;cursor:pointer;border:none;width:auto;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;}
#hfc-page .btn-gold {background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#3a2a06;box-shadow:0 8px 22px rgba(224,168,61,.4)}
#hfc-page .btn-gold:hover {transform:translateY(-3px);box-shadow:0 12px 28px rgba(224,168,61,.55)}
#hfc-page .btn-line {background:#06c755;color:#fff;box-shadow:0 8px 22px rgba(6,199,85,.35)}
#hfc-page .btn-line:hover {transform:translateY(-3px)}
#hfc-page .btn-ghost {background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.35)}
#hfc-page .btn-ghost:hover {background:rgba(255,255,255,.22)}
#hfc-page .header {position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);}
#hfc-page .nav {display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px}
#hfc-page .logo {display:flex;align-items:center;gap:11px;font-family:'Prompt',sans-serif;font-weight:800;font-size:1.35rem;color:var(--navy);letter-spacing:-.3px}
#hfc-page .logo img {width:44px;height:44px;border-radius:10px;object-fit:cover}
#hfc-page .logo span b {color:var(--gold)}
#hfc-page .menu {display:flex;align-items:center;gap:6px;list-style:none}
#hfc-page .menu a {font-weight:500;font-size:.98rem;color:var(--ink);padding:9px 14px;border-radius:8px;transition:.2s}
#hfc-page .menu a:hover {color:var(--navy);background:var(--soft-2)}
#hfc-page .nav-cta {display:flex;align-items:center;gap:10px}
#hfc-page .icon-link {display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--soft-2);transition:.2s}
#hfc-page .icon-link:hover {transform:translateY(-2px);background:var(--soft)}
#hfc-page .icon-link img {width:22px;height:22px}
#hfc-page .hamburger {display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
#hfc-page .hamburger span {width:26px;height:3px;background:var(--navy);border-radius:3px;transition:.3s}
#hfc-page .hero {position:relative;color:#fff;overflow:hidden;
  background-image:
    linear-gradient(rgba(8,24,40,.62), rgba(8,24,40,.72)),
    url('https://static.wixstatic.com/media/11599c_743ee3e466ba4d569a635a31db7e4243~mv2.jpg/v1/fill/w_1920,h_1080,al_c,q_85,enc_avif,quality_auto/11599c_743ee3e466ba4d569a635a31db7e4243~mv2.jpg');
  background-size:cover;background-position:center;background-attachment:fixed;}
#hfc-page .hero-grid {position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center;padding:70px 0 80px}
#hfc-page .eyebrow {display:inline-flex;align-items:center;gap:8px;background:rgba(224,168,61,.16);color:var(--gold-2);font-family:'Prompt';font-weight:600;font-size:.9rem;padding:7px 16px;border-radius:50px;border:1px solid rgba(224,168,61,.3)}
#hfc-page .hero h1 {font-size:3.3rem;font-weight:800;margin:20px 0 14px;letter-spacing:-1px}
#hfc-page .hero h1 .hl {background:linear-gradient(120deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
#hfc-page .hero-lead {font-size:1.12rem;color:#cdd9e6;max-width:540px;margin-bottom:26px}
#hfc-page .checks {list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
#hfc-page .checks li {display:flex;align-items:center;gap:13px;font-family:'Prompt';font-weight:500;font-size:1.12rem}
#hfc-page .checks .ck {flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold));display:flex;align-items:center;justify-content:center;color:#3a2a06;font-weight:800;font-size:1rem}
#hfc-page .hero-actions {display:flex;flex-wrap:wrap;gap:14px}
#hfc-page .contact-card {background:rgba(255,255,255,.96);color:var(--ink);border-radius:24px;
  padding:30px 28px;box-shadow:var(--shadow);text-align:center;}
#hfc-page .contact-card h3 {font-size:1.25rem;color:var(--navy);margin-bottom:18px}
#hfc-page .cc-phone {display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}
#hfc-page .cc-phone img {width:40px;height:40px}
#hfc-page .cc-num {font-family:'Prompt';font-weight:700;font-size:1.55rem;color:var(--navy);letter-spacing:.5px}
#hfc-page .cc-num2 {font-family:'Prompt';font-weight:600;font-size:1.25rem;color:var(--muted);margin-bottom:18px;display:block}
#hfc-page .cc-line {display:flex;align-items:center;justify-content:center;gap:10px;background:#06c755;color:#fff;padding:12px;border-radius:14px;font-family:'Prompt';font-weight:600;font-size:1.05rem;margin-bottom:16px}
#hfc-page .cc-line img {width:26px;height:26px}
#hfc-page .cc-qr {width:160px;margin:0 auto;border-radius:14px;border:1px solid var(--line)}
#hfc-page .sec {padding:80px 0}
#hfc-page .sec-head {text-align:center;max-width:680px;margin:0 auto 50px}
#hfc-page .sec-tag {font-family:'Prompt';font-weight:600;color:var(--gold);letter-spacing:1px;font-size:.95rem;text-transform:uppercase}
#hfc-page .sec-head h2 {font-size:2.3rem;color:var(--navy);margin:8px 0 12px}
#hfc-page .sec-head p {color:var(--muted);font-size:1.05rem}
#hfc-page .sec-line {width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold-2),var(--gold));margin:14px auto 0}
#hfc-page .about {position:relative;color:#fff;text-align:center;
  background-image:
    linear-gradient(rgba(8,24,40,.66), rgba(8,24,40,.78)),
    url('https://static.wixstatic.com/media/11599c_acc2a14e4e4c4ef49ab3a490b667d35d~mv2.jpg/v1/fill/w_1920,h_900,al_c,q_85,enc_avif,quality_auto/11599c_acc2a14e4e4c4ef49ab3a490b667d35d~mv2.jpg');
  background-size:cover;background-position:center;background-attachment:fixed;}
#hfc-page .about .brand-xl {font-family:'Prompt';font-weight:800;font-size:3rem;letter-spacing:-1px;margin-bottom:20px}
#hfc-page .about .brand-xl b {color:var(--gold-2)}
#hfc-page .about-box {background:rgba(255,255,255,.08);backdrop-filter:blur(3px);
  border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);
  padding:38px 40px;max-width:900px;margin:0 auto;}
#hfc-page .about-box p {font-size:1.1rem;color:#eaf1f7;margin-bottom:12px}
#hfc-page .about-box p:last-child {margin-bottom:0}
#hfc-page .about-box .lead {font-family:'Prompt';font-weight:600;font-size:1.3rem;color:#fff}
#hfc-page .cards {display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
#hfc-page .card {background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 28px;text-align:center;transition:.25s;position:relative;overflow:hidden;}
#hfc-page .card::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold-2),var(--gold));transform:scaleX(0);transform-origin:left;transition:.3s}
#hfc-page .card:hover {transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
#hfc-page .card:hover::before {transform:scaleX(1)}
#hfc-page .card-ico {width:86px;height:86px;margin:0 auto 18px;border-radius:50%;background:var(--soft-2);display:flex;align-items:center;justify-content:center}
#hfc-page .card-ico img {width:46px;height:46px}
#hfc-page .card h3 {font-size:1.12rem;color:var(--navy);line-height:1.5}
#hfc-page .process {background:linear-gradient(180deg,var(--soft) 0%, #fff 100%)}
#hfc-page .proc-grid {display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}
#hfc-page .steps {display:flex;flex-direction:column;gap:22px}
#hfc-page .step {display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;transition:.25s}
#hfc-page .step:hover {box-shadow:var(--shadow-sm);transform:translateX(6px)}
#hfc-page .step-num {flex:0 0 54px;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--gold-2);font-family:'Prompt';font-weight:800;font-size:1.5rem;display:flex;align-items:center;justify-content:center;position:relative}
#hfc-page .step-ico {position:absolute;-bottom:0;width:26px}
#hfc-page .step-body h3 {font-size:1.2rem;color:var(--navy);margin-bottom:4px}
#hfc-page .step-body p {color:var(--muted);font-size:1rem}
#hfc-page .proc-img {border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
#hfc-page .proc-img img {width:100%;height:100%;object-fit:cover}
#hfc-page .gallery {display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#hfc-page .gallery a {display:block;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);position:relative;aspect-ratio:3/4}
#hfc-page .gallery img {width:100%;height:100%;object-fit:cover;transition:.4s}
#hfc-page .gallery a::after {content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,42,67,.35),transparent 45%);opacity:0;transition:.3s}
#hfc-page .gallery a:hover img {transform:scale(1.08)}
#hfc-page .gallery a:hover::after {opacity:1}
#hfc-page .contact {background:linear-gradient(135deg,var(--navy),#0a2336);color:#fff;position:relative;overflow:hidden}
#hfc-page .contact::after {content:"";position:absolute;inset:0;opacity:.4;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px}
#hfc-page .contact .sec-head h2 {color:#fff}
#hfc-page .contact .sec-tag {color:var(--gold-2)}
#hfc-page .contact-grid {position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:980px;margin:0 auto}
#hfc-page .cinfo {background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);padding:34px 26px;text-align:center;backdrop-filter:blur(4px)}
#hfc-page .cinfo .ci-ico {width:74px;height:74px;margin:0 auto 16px;border-radius:50%;background:rgba(224,168,61,.18);display:flex;align-items:center;justify-content:center}
#hfc-page .cinfo .ci-ico img {width:38px;height:38px}
#hfc-page .cinfo h3 {font-size:1.15rem;color:var(--gold-2);margin-bottom:8px}
#hfc-page .cinfo p, #hfc-page .cinfo a {color:#d4dfeb;font-size:1.02rem;line-height:1.7}
#hfc-page .cinfo a:hover {color:#fff}
#hfc-page .cinfo .big {font-family:'Prompt';font-weight:700;font-size:1.4rem;color:#fff;display:block}
#hfc-page .footer {background:#081b2c;color:#8fa3b6;text-align:center;padding:30px 0;font-size:.95rem}
#hfc-page .footer .logo {justify-content:center;margin-bottom:10px;color:#fff;font-size:1.2rem}
#hfc-page .float {position:fixed;right:18px;bottom:20px;z-index:900;display:flex;flex-direction:column;gap:12px}
#hfc-page .float a {width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:.2s}
#hfc-page .float a:hover {transform:scale(1.08)}
#hfc-page .float .f-line {background:#06c755}
#hfc-page .float .f-phone {background:var(--gold)}
#hfc-page .float a img {width:28px;height:28px}
#hfc-page .reveal {opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}
#hfc-page .reveal.in {opacity:1;transform:none}
@media (max-width:980px) {
  #hfc-page .hero h1 {font-size:2.6rem}
  #hfc-page .hero-grid {grid-template-columns:1fr;gap:36px}
  #hfc-page .cards {grid-template-columns:repeat(2,1fr)}
  #hfc-page .proc-grid {grid-template-columns:1fr}
  #hfc-page .proc-img {max-height:420px}
  #hfc-page .gallery {grid-template-columns:repeat(3,1fr)}
  #hfc-page .contact-grid {grid-template-columns:1fr;max-width:520px}
}
@media (max-width:680px) {
  #hfc-page .hero, #hfc-page .about {background-attachment:scroll}
  #hfc-page .menu, #hfc-page .nav-cta .icon-link {display:none}
  #hfc-page .hamburger {display:flex}
  #hfc-page .nav {height:64px}
  #hfc-page .menu.open {display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;
    background:#fff;border-bottom:1px solid var(--line);padding:14px 22px 22px;gap:4px;
    box-shadow:var(--shadow);}
  #hfc-page .menu.open a {padding:13px 12px;border-radius:10px;font-size:1.05rem}
  #hfc-page .menu.open .m-cta {display:flex;gap:10px;margin-top:12px}
  #hfc-page .menu.open .m-cta a {flex:1 1 0;color:#fff;padding:11px 14px !important;font-size:.95rem}
  #hfc-page .m-cta {display:none}
  #hfc-page .sec {padding:54px 0}
  #hfc-page .hero-grid {padding:48px 0 56px}
  #hfc-page .hero h1 {font-size:2.15rem}
  #hfc-page .hero-lead {font-size:1rem}
  #hfc-page .checks li {font-size:1rem}
  #hfc-page .hero-actions {flex-direction:column !important;gap:10px}
  #hfc-page .hero-actions .btn {width:100% !important;padding:13px 20px !important;font-size:.98rem}
  #hfc-page .sec-head {margin-bottom:36px}
  #hfc-page .sec-head h2 {font-size:1.8rem}
  #hfc-page .about-box {padding:30px 24px}
  #hfc-page .about .brand-xl {font-size:2.1rem}
  #hfc-page .about-box .lead {font-size:1.12rem}
  #hfc-page .about-box p {font-size:1.02rem}
  #hfc-page .cards {grid-template-columns:1fr;gap:18px}
  #hfc-page .step {padding:18px}
  #hfc-page .step-num {flex-basis:46px;width:46px;height:46px;font-size:1.2rem}
  #hfc-page .gallery {grid-template-columns:repeat(2,1fr);gap:11px}
  #hfc-page .contact-card {padding:26px 22px}
  #hfc-page .wrap {padding:0 18px}
  #hfc-page .float a {width:50px;height:50px}
}/* End custom CSS */