/* Shared header and footer based directly on sample_home.html. */
#page-header{position:sticky;z-index:1000;top:0;min-height:80px;border-bottom:1px solid #eef2f4;background:rgba(255,255,255,.94);box-shadow:none;backdrop-filter:blur(12px)}
#page-header::before,#page-header::after{display:none!important}
#page-header .container{width:min(1280px,calc(100% - 48px));max-width:none;padding:0}
#page-header .navbar{min-height:80px;padding:0;background:transparent!important}
#page-header .navbar .nav-logo{width:auto;margin:0}
#page-header .navbar .nav-logo img{width:auto;height:32px;object-fit:contain}
#page-header .navbar-collapse{flex:1;justify-content:flex-end}
#page-header .navbar-nav{align-items:center;gap:32px;margin-right:auto;margin-left:auto}
#page-header .navbar-nav>li{margin:0}
#page-header .navbar-nav li a{padding:30px 0!important;color:#64748b!important;font:600 14px/20px "Inter",sans-serif;text-transform:none;transition:color .2s ease}
#page-header .navbar-nav li a.active{color:#67aa19!important;font-weight:700}
#page-header .navbar-nav li a:hover,#page-header .navbar-nav li a:focus{color:#67aa19!important}
#page-header .nav-btn-r{align-items:center;gap:8px;margin:0}
#page-header .collapse form .nvbar-btn{width:auto;min-width:0;height:44px;margin:0;padding:0 18px!important;border-radius:12px;font:700 14px/42px "Inter",sans-serif;text-transform:none}
#page-header .collapse form .nav-btn1{border:0;background:transparent;color:#334155}
#page-header .collapse form .nav-btn1:hover{color:#081329}
#page-header .collapse form .nav-btn1 span{display:none}
#page-header .collapse form .nav-btn2{border:0;background:#0e5b83;color:#fff;box-shadow:0 5px 12px rgba(8,35,57,.14)}
#page-header .collapse form .nav-btn2:hover{background:#081329;color:#fff;transform:translateY(-1px)}
#page-header .collapse form .nav-btn2::after{display:none}
#page-header .loggd-nv-rt{min-width:0;flex:1}
#page-header .sf-header-wallet{display:flex;align-items:center;gap:9px;margin-left:14px;padding:7px 12px 7px 8px;border:1px solid #e1e9ef;border-radius:13px;background:#f7fafc;color:#10233c!important;box-shadow:0 4px 12px rgba(8,35,57,.04);transition:border-color .18s,background .18s,transform .18s}
#page-header .sf-header-wallet:hover{border-color:#cfe6b7;background:#f2f9eb;transform:translateY(-1px)}
#page-header .sf-header-wallet-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#e7f4da;color:#68aa21;font-size:12px}
#page-header .sf-header-wallet-copy small,#page-header .sf-header-wallet-copy strong{display:block;white-space:nowrap}
#page-header .sf-header-wallet-copy small{margin-bottom:2px;color:#8b99aa;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#page-header .sf-header-wallet-copy strong{color:#10233c;font-size:12px;font-weight:800}
#page-header .sf-profile-menu{z-index:30;margin-left:18px!important}
#page-header .sf-profile-trigger{min-width:178px;margin:0;padding:6px 10px 6px 7px;border:1px solid #e7edf2;border-radius:14px;background:#fff;box-shadow:0 4px 12px rgba(8,35,57,.06);font-family:"Inter",sans-serif;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}
#page-header .sf-profile-trigger:hover,#page-header .sf-profile-trigger:focus-visible,#page-header .sf-profile-trigger[aria-expanded="true"]{border-color:#cfe5b7;box-shadow:0 9px 24px rgba(8,35,57,.11);outline:0;transform:translateY(-1px)}
#page-header .sf-profile-trigger em{flex:0 0 38px;width:38px;height:38px;margin:0 9px 0 0;border:2px solid #e8f4dc;background:#edf7e4}
#page-header .sf-profile-trigger-copy{display:block;min-width:0;flex:1}
#page-header .sf-profile-trigger-copy small,#page-header .sf-profile-trigger-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-header .sf-profile-trigger-copy small{margin-bottom:2px;color:#8b99aa;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#page-header .sf-profile-trigger-copy strong{color:#10233c;font-size:13px;font-weight:800;text-transform:none}
#page-header .sf-profile-chevron{color:#718097;font-size:10px;transition:transform .2s}
#page-header .sf-profile-trigger[aria-expanded="true"] .sf-profile-chevron{transform:rotate(180deg)}
#page-header .sf-profile-dropdown{top:58px;right:0;width:248px;margin:0;padding:8px!important;border:1px solid #e7edf2;border-radius:18px;background:#fff;box-shadow:0 22px 55px rgba(8,35,57,.16)}
#page-header .sf-profile-dropdown::after{display:none}
#page-header .sf-profile-dropdown li{margin:0}
#page-header .sf-profile-dropdown .sf-profile-dropdown-head{margin:0 4px 7px;padding:10px 10px 12px;border-bottom:1px solid #edf1f4}
#page-header .sf-profile-dropdown-head span,#page-header .sf-profile-dropdown-head strong{display:block}
#page-header .sf-profile-dropdown-head span{margin-bottom:3px;color:#9aa6b5;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#page-header .sf-profile-dropdown-head strong{overflow:hidden;color:#10233c;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
#page-header .sf-profile-dropdown li a{display:grid;width:100%;grid-template-columns:28px 1fr;gap:8px;align-items:center;margin:0;padding:9px 10px!important;border-radius:10px;background:transparent;color:#53657c!important;font:600 12px/1.3 "Inter",sans-serif;text-transform:none;transition:background .16s,color .16s}
#page-header .sf-profile-dropdown li a i{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#f3f7fa;color:#708197;font-size:11px;transition:background .16s,color .16s}
#page-header .sf-profile-dropdown li a:hover,#page-header .sf-profile-dropdown li a:focus,#page-header .sf-profile-dropdown li a.is-active{background:#f1f8ea;color:#579b16!important}
#page-header .sf-profile-dropdown li a:hover i,#page-header .sf-profile-dropdown li a:focus i,#page-header .sf-profile-dropdown li a.is-active i{background:#e6f4d8;color:#65aa1d}
#page-header .sf-profile-dropdown .sf-profile-logout{margin-top:7px;padding-top:7px;border-top:1px solid #edf1f4}
#page-header .sf-profile-dropdown .sf-profile-logout a{color:#b44a51!important}
#page-header .sf-profile-dropdown .sf-profile-logout a:hover{background:#fff2f3;color:#a5363f!important}
#page-header .sf-profile-dropdown .sf-profile-logout a i{background:#fff2f3;color:#bc5159}

.sf-site-footer{position:relative;padding:0!important;border:0!important;border-top:8px solid #8bd23a!important;border-radius:0!important;background:#154566!important;color:#d5e3eb;font-family:"Inter",sans-serif}
.sf-site-footer::before,.sf-site-footer::after{display:none!important}
.sf-footer-container{width:min(1280px,calc(100% - 48px));margin:auto;padding:66px 0 34px}
.sf-footer-main{display:grid;grid-template-columns:4fr 8fr;gap:72px;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.15)}
.sf-footer-logo{display:inline-flex}
.sf-footer-logo img{width:auto;height:32px;object-fit:contain;filter:brightness(0) invert(1)}
.sf-footer-brand>p{max-width:365px;margin:24px 0;color:#d5e3eb;font-size:12px;line-height:1.75}
.sf-footer-socials{display:flex;gap:18px}
.sf-footer-socials a{color:#d5e3eb;font-size:14px;transition:color .18s ease}
.sf-footer-socials a:hover{color:#8bd23a}
.sf-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.sf-footer-links h2,.sf-footer-disclosure h2{margin:0 0 17px;color:#fff;font:700 12px/1.4 "Inter",sans-serif;letter-spacing:.07em;text-transform:uppercase}
.sf-footer-links ul{margin:0;padding:0}
.sf-footer-links li{margin:0 0 10px}
.sf-footer-links a,.sf-footer-links span{color:#d5e3eb;font-size:12px;line-height:1.55;transition:color .18s ease}
.sf-footer-links a:hover{color:#fff}
.sf-footer-office li{display:grid;min-height:22px;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:center}
.sf-footer-office i{display:grid;width:20px;height:20px;margin:0;place-items:center;color:#8bd23a;font-size:14px;line-height:1;text-align:center}
.sf-footer-office a,.sf-footer-office span{display:block;line-height:20px}
.sf-footer-disclosure{padding:27px 0 25px;border-bottom:1px solid rgba(255,255,255,.15)}
.sf-footer-disclosure h2{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-size:10px;letter-spacing:0;text-transform:none}
.sf-footer-disclosure h2 i{color:#8bd23a}
.sf-footer-disclosure p{max-width:1180px;margin:0;color:#c3d5df;font-size:10px;line-height:1.7}
.sf-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px}
.sf-footer-bottom p,.sf-footer-bottom a{margin:0;color:#c3d5df;font-size:10px}
.sf-footer-bottom>p{white-space:nowrap}
.sf-footer-credit{display:inline;margin-left:6px}
.sf-footer-credit strong{color:#fff;font-weight:700}
.sf-footer-bottom nav{display:flex;flex-wrap:wrap;gap:12px 22px}
.sf-footer-bottom a:hover{color:#fff;text-decoration:underline}

.back-to-top{right:28px!important;bottom:30px!important;width:46px!important;height:46px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:14px!important;background:linear-gradient(145deg,#0b3857,#116489)!important;box-shadow:0 13px 30px rgba(7,35,57,.24)!important;color:#fff!important;font-size:14px!important;transform:rotate(45deg);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.back-to-top i{transform:rotate(-45deg)}
.back-to-top:hover{background:linear-gradient(145deg,#6caf22,#85cd35)!important;box-shadow:0 16px 34px rgba(91,157,29,.28)!important;transform:rotate(45deg) translate(-2px,-2px)}
.sf-whatsapp-widget{position:fixed;z-index:1040;right:28px;bottom:94px;display:flex;align-items:flex-end;flex-direction:column;font-family:"Inter",sans-serif}
.sf-whatsapp-toggle{display:flex;min-width:54px;height:54px;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:0;border-radius:28px;background:#128c4a;box-shadow:0 12px 30px rgba(18,140,74,.3);color:#fff;cursor:pointer;font-size:13px;font-weight:800;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.sf-whatsapp-toggle i{font-size:25px}
.sf-whatsapp-toggle:hover,.sf-whatsapp-toggle:focus-visible{background:#25d366;box-shadow:0 15px 34px rgba(37,211,102,.36);outline:0;transform:translateY(-2px)}
.sf-whatsapp-popup{position:absolute;right:0;bottom:68px;width:320px;overflow:hidden;border:1px solid #dfe8e3;border-radius:18px;background:#fff;box-shadow:0 24px 65px rgba(10,45,31,.2);opacity:0;pointer-events:none;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease;visibility:hidden}
.sf-whatsapp-widget.is-open .sf-whatsapp-popup{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}
.sf-whatsapp-popup header{display:flex;align-items:center;gap:11px;padding:17px;background:#0b6b3a;color:#fff}
.sf-whatsapp-avatar{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:50%;background:#fff;color:#128c4a;font-size:23px}
.sf-whatsapp-popup header div{min-width:0;flex:1}
.sf-whatsapp-popup header strong,.sf-whatsapp-popup header small{display:block}
.sf-whatsapp-popup header strong{font-size:14px}
.sf-whatsapp-popup header small{margin-top:3px;color:rgba(255,255,255,.78);font-size:9px}
.sf-whatsapp-close{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.sf-whatsapp-close:hover{background:rgba(255,255,255,.25)}
.sf-whatsapp-body{padding:22px;background:#eef7f1}
.sf-whatsapp-body p{position:relative;margin:0 28px 0 0;padding:13px 15px;border-radius:4px 14px 14px 14px;background:#fff;box-shadow:0 4px 13px rgba(21,78,48,.08);color:#334c41;font-size:12px;line-height:1.55}
.sf-whatsapp-start{display:flex;min-height:50px;align-items:center;justify-content:center;gap:8px;margin:14px;border-radius:12px;background:#128c4a;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important;transition:background .18s ease,transform .18s ease}
.sf-whatsapp-start:hover{background:#25d366;transform:translateY(-1px)}
#page-header .sf-profile-trigger em img,.drawer-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}

@media(max-width:991px){
  #page-header .container{width:calc(100% - 32px)}
  #page-header .navbar .nav-logo{margin-right:auto}
  #page-header .navbar-toggler{padding:6px;border:0}
  #page-header .navbar-collapse{position:absolute;z-index:20;top:66px;right:0;left:0;padding:15px 20px 22px;border:1px solid #e7edf2;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(17,40,65,.12)}
  #page-header .navbar-nav{display:block;margin:0}
  #page-header .navbar-nav li a{padding:9px 0!important}
  #page-header .nav-btn-r{margin-top:10px}
  #page-header .loggd-nv-rt{flex:0 0 auto}
  #page-header .sf-header-wallet{margin-left:0;padding:5px 8px}
  #page-header .sf-header-wallet-icon{width:30px;height:30px}
  #page-header .sf-header-wallet-copy small{display:none}
  #page-header .sf-header-wallet-copy strong{font-size:10px}
  #page-header .sf-profile-menu{margin-right:10px!important;margin-left:0!important}
  #page-header .sf-profile-trigger{min-width:0;padding:4px;border-radius:50%}
  #page-header .sf-profile-trigger em{width:36px;height:36px;margin:0}
  #page-header .sf-profile-trigger-copy,#page-header .sf-profile-chevron{display:none}
  #page-header .sf-profile-dropdown{position:fixed!important;top:70px;right:16px;left:auto}
  .sf-footer-container{width:calc(100% - 40px);padding-top:48px}
  .sf-footer-main{grid-template-columns:1fr;gap:40px}
  .sf-footer-bottom>p{white-space:normal}
}
@media(max-width:575px){
  #page-header .navbar .nav-logo img{height:28px}
  #page-header .sf-header-wallet{padding:4px 6px}
  #page-header .sf-header-wallet-copy{display:none}
  .sf-footer-links{grid-template-columns:1fr 1fr;gap:32px 20px}
  .sf-footer-office{grid-column:1/-1}
  .sf-footer-bottom{align-items:flex-start;flex-direction:column}
  .sf-whatsapp-widget{right:16px;bottom:82px}
  .sf-whatsapp-toggle{width:52px;min-width:52px;height:52px;padding:0}
  .sf-whatsapp-toggle span{display:none}
  .sf-whatsapp-popup{width:min(320px,calc(100vw - 32px))}
}