/* HostPido WHMCS client-area public header/footer polish */
:root{
  --hp-navy:#07152f;
  --hp-navy-2:#0c1f3d;
  --hp-orange:#e66239;
  --hp-orange-2:#ff6a21;
  --hp-soft:#f6f9fd;
  --hp-border:#dce6f0;
  --hp-text:#12233f;
}

body.hostpido-client-area{
  margin:0!important;
  background:#f6f9fd!important;
  color:var(--hp-text)!important;
  font-family:Inter,"Open Sans",Arial,sans-serif!important;
  overflow-x:hidden!important;
}
body.hostpido-client-area a{color:inherit;text-decoration:none;}
body.hostpido-client-area img{max-width:100%;height:auto;}
body.hostpido-client-area .hp-wrap{max-width:1510px;margin:0 auto;padding-left:clamp(16px,4vw,64px);padding-right:clamp(16px,4vw,64px);}

/* Header */
body.hostpido-client-area .hp-site-header{position:relative;z-index:1000;background:#fff!important;color:var(--hp-navy)!important;height:auto!important;min-height:0!important;box-shadow:0 8px 28px rgba(7,21,47,.08);}
body.hostpido-client-area .hp-site-header ul{margin:0!important;padding:0!important;list-style:none!important;}
body.hostpido-client-area .hp-site-header li{list-style:none!important;margin:0!important;padding:0!important;}
body.hostpido-client-area .hp-site-header li::marker{content:"";}
body.hostpido-client-area .hp-site-header svg{display:block;width:1em;height:1em;}
body.hostpido-client-area .hp-top-strip{background:linear-gradient(90deg,#07152f,#0f2b56)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;height:auto!important;}
body.hostpido-client-area .hp-top-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:38px!important;height:auto!important;}
body.hostpido-client-area .hp-top-left,.hp-top-links{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important;}
body.hostpido-client-area .hp-top-note{overflow:hidden;max-width:620px;white-space:nowrap;color:#dbeafe!important;}
body.hostpido-client-area .hp-top-message-slider{display:flex!important;align-items:center!important;gap:20px!important;}
body.hostpido-client-area .hp-top-message-slider span{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;}
body.hostpido-client-area .hp-top-phone,.hp-top-links a{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#fff!important;text-decoration:none!important;white-space:nowrap!important;font-weight:850!important;}
body.hostpido-client-area .hp-top-links a:hover{color:#ffd3c4!important;}
body.hostpido-client-area .hp-flag-dot{display:inline-grid!important;place-items:center!important;width:24px!important;height:18px!important;border-radius:4px!important;background:#fff!important;color:var(--hp-navy)!important;font-size:10px!important;font-weight:950!important;}
body.hostpido-client-area .hp-cart-link span{display:inline-grid!important;place-items:center!important;min-width:18px!important;height:18px!important;border-radius:999px!important;background:var(--hp-orange)!important;color:#fff!important;font-size:11px!important;}

body.hostpido-client-area .hp-main-nav{position:relative!important;background:#fff!important;border-bottom:1px solid #e7edf5!important;height:auto!important;min-height:0!important;}
body.hostpido-client-area .hp-nav-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;min-height:78px!important;height:auto!important;}
body.hostpido-client-area .hp-logo{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;}
body.hostpido-client-area .hp-logo img{display:block!important;width:158px!important;max-height:58px!important;object-fit:contain!important;}
body.hostpido-client-area .hp-mobile-toggle{display:none!important;border:0!important;background:transparent!important;color:var(--hp-navy)!important;padding:8px!important;border-radius:5px!important;}
body.hostpido-client-area .hp-menu-icon{width:26px!important;height:26px!important;}
body.hostpido-client-area .hp-hidden{display:none!important;}
body.hostpido-client-area .hp-public-menu{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;}
body.hostpido-client-area .hp-nav-item{position:relative!important;display:flex!important;align-items:center!important;height:auto!important;}
body.hostpido-client-area .hp-nav-link{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:26px 10px!important;color:var(--hp-navy)!important;font-size:14px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;border-radius:5px!important;}
body.hostpido-client-area .hp-nav-link:hover{color:var(--hp-orange)!important;background:#fff4ef!important;}
body.hostpido-client-area .hp-chev{width:13px!important;height:13px!important;transition:transform .2s ease!important;}
body.hostpido-client-area .hp-has-menu:hover .hp-chev{transform:rotate(180deg)!important;}
body.hostpido-client-area .hp-nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:5px!important;background:linear-gradient(135deg,var(--hp-orange-2),var(--hp-orange))!important;color:#fff!important;padding:13px 18px!important;font-size:13px!important;font-weight:950!important;box-shadow:0 12px 24px rgba(230,98,57,.22)!important;white-space:nowrap!important;text-decoration:none!important;}

body.hostpido-client-area .hp-mega-menu{display:block!important;position:absolute!important;left:50%!important;top:100%!important;transform:translateX(-50%) translateY(12px)!important;width:min(920px,calc(100vw - 36px))!important;height:auto!important;min-height:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:2000!important;transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;background:transparent!important;padding-top:0!important;}
body.hostpido-client-area .hp-has-menu:hover .hp-mega-menu,
body.hostpido-client-area .hp-has-menu:focus-within .hp-mega-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important;}
body.hostpido-client-area .hp-mega-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:0!important;overflow:hidden!important;border:1px solid #dfe7f1!important;border-radius:5px!important;background:#fff!important;box-shadow:0 26px 70px rgba(7,21,47,.18)!important;height:auto!important;}
body.hostpido-client-area .hp-mega-one{grid-template-columns:minmax(0,1fr) 330px!important;}
body.hostpido-client-area .hp-mega-content{padding:22px!important;}
body.hostpido-client-area .hp-mega-two{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;}
body.hostpido-client-area .hp-mega-title{margin:0 0 12px!important;color:var(--hp-navy)!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:950!important;}
body.hostpido-client-area .hp-mega-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
body.hostpido-client-area .hp-mega-one .hp-mega-links{grid-template-columns:1fr!important;}
body.hostpido-client-area .hp-mega-link{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:11px!important;border:1px solid #edf2f7!important;border-radius:5px!important;color:var(--hp-navy)!important;text-decoration:none!important;background:#fff!important;}
body.hostpido-client-area .hp-mega-link:hover{border-color:#ffc9b8!important;background:#fff7f3!important;}
body.hostpido-client-area .hp-mega-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:5px!important;background:#fff0e9!important;color:var(--hp-orange)!important;padding:10px!important;}
body.hostpido-client-area .hp-mega-link strong{display:block!important;color:var(--hp-navy)!important;font-size:13px!important;font-weight:950!important;line-height:1.2!important;}
body.hostpido-client-area .hp-mega-link small{display:block!important;margin-top:4px!important;color:#5b6b82!important;font-size:11px!important;line-height:1.35!important;font-weight:700!important;}
body.hostpido-client-area .hp-learn-panel{background:#f8fbff!important;border-left:1px solid #e4ebf4!important;padding:22px!important;}
body.hostpido-client-area .hp-learn-panel h3{margin:0 0 12px!important;color:#64748b!important;font-size:14px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
body.hostpido-client-area .hp-learn-panel div{display:grid!important;gap:8px!important;}
body.hostpido-client-area .hp-learn-panel a{display:block!important;color:var(--hp-navy)!important;text-decoration:none!important;font-size:12px!important;line-height:1.35!important;}
body.hostpido-client-area .hp-learn-panel strong{display:block!important;font-size:12px!important;font-weight:900!important;}
body.hostpido-client-area .hp-learn-panel span{display:block!important;color:var(--hp-orange)!important;font-size:11px!important;font-weight:850!important;}
body.hostpido-client-area .hp-view-all{margin-top:12px!important;color:var(--hp-orange)!important;font-weight:950!important;}

body.hostpido-client-area .hp-client-menu,
body.hostpido-client-area .hp-client-menu-bar{background:#f8fbff!important;border-bottom:1px solid #e2e8f0!important;}
body.hostpido-client-area .hp-client-menu .hp-wrap,
body.hostpido-client-area .hp-client-menu-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:46px!important;height:auto!important;}
body.hostpido-client-area .hp-client-menu ul,
body.hostpido-client-area .hp-client-nav,
body.hostpido-client-area .hp-client-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;list-style:none!important;}
body.hostpido-client-area .hp-client-nav > li,
body.hostpido-client-area .hp-client-actions > li{position:relative!important;display:block!important;list-style:none!important;margin:0!important;padding:0!important;}
body.hostpido-client-area .hp-client-nav > li::marker,
body.hostpido-client-area .hp-client-actions > li::marker{content:""!important;}
body.hostpido-client-area .hp-client-menu a,
body.hostpido-client-area .hp-client-menu button,
body.hostpido-client-area .hp-client-nav > li > a,
body.hostpido-client-area .hp-client-actions > li > a{display:inline-flex!important;align-items:center!important;gap:6px!important;border:0!important;background:transparent!important;color:#334155!important;font-size:13px!important;font-weight:850!important;line-height:1.1!important;padding:9px 10px!important;border-radius:5px!important;text-decoration:none!important;}
body.hostpido-client-area .hp-client-menu a:hover,
body.hostpido-client-area .hp-client-menu button:hover,
body.hostpido-client-area .hp-client-nav > li > a:hover,
body.hostpido-client-area .hp-client-actions > li > a:hover{background:#fff0e9!important;color:var(--hp-orange)!important;}
body.hostpido-client-area .hp-client-menu-bar .dropdown-menu{min-width:210px!important;border:1px solid #dbe4ef!important;border-radius:5px!important;box-shadow:0 18px 44px rgba(7,21,47,.14)!important;padding:8px!important;margin-top:6px!important;}
body.hostpido-client-area .hp-client-menu-bar .dropdown-menu .dropdown-item{display:block!important;width:100%!important;color:#334155!important;font-size:12px!important;font-weight:800!important;padding:8px 10px!important;border-radius:5px!important;}
body.hostpido-client-area .hp-client-menu-bar .dropdown-menu .dropdown-item:hover{background:#fff0e9!important;color:var(--hp-orange)!important;}
body.hostpido-client-area .hp-mobile-panel{display:none!important;}

/* Main WHMCS content */
body.hostpido-client-area nav.master-breadcrumb{background:#fff!important;border-bottom:1px solid #e2e8f0!important;}
body.hostpido-client-area #main-body{padding:34px 0!important;background:#f6f9fd!important;min-height:480px!important;}
body.hostpido-client-area .primary-content{min-width:0!important;}

/* Footer */
body.hostpido-client-area .hp-footer{position:relative!important;overflow:hidden!important;background:#071024!important;color:#fff!important;padding:34px 0 16px!important;height:auto!important;min-height:0!important;}
body.hostpido-client-area .hp-footer ul{margin:0!important;padding:0!important;list-style:none!important;}
body.hostpido-client-area .hp-footer li{list-style:none!important;margin:0!important;padding:0!important;}
body.hostpido-client-area .hp-footer a{color:inherit!important;text-decoration:none!important;}
body.hostpido-client-area .hp-footer-glow{position:absolute!important;inset:-20% auto auto 50%!important;width:560px!important;height:220px!important;transform:translateX(-50%)!important;background:radial-gradient(circle,rgba(230,98,57,.22),transparent 68%)!important;pointer-events:none!important;}
body.hostpido-client-area .hp-footer-grid{position:relative!important;display:grid!important;grid-template-columns:1.35fr .65fr .65fr .65fr .8fr 1.05fr!important;gap:28px!important;align-items:start!important;height:auto!important;}
body.hostpido-client-area .hp-footer-brand img{width:150px!important;display:block!important;filter:brightness(0) invert(1)!important;}
body.hostpido-client-area .hp-footer-brand p{margin:16px 0!important;color:#cbd5e1!important;font-size:13px!important;line-height:1.65!important;font-weight:650!important;}
body.hostpido-client-area .hp-socials{display:flex!important;gap:9px!important;}
body.hostpido-client-area .hp-socials a{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:5px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;}
body.hostpido-client-area .hp-footer-column h3,
body.hostpido-client-area .hp-payments h3{margin:0 0 14px!important;color:#fff!important;font-size:13px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
body.hostpido-client-area .hp-footer-column ul{display:grid!important;gap:9px!important;}
body.hostpido-client-area .hp-footer-column a{color:#cbd5e1!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important;}
body.hostpido-client-area .hp-footer-column a:hover{color:#ffb79f!important;}
body.hostpido-client-area .hp-payment-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;}
body.hostpido-client-area .hp-payment-row span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;border-radius:5px!important;background:#fff!important;color:#071024!important;padding:6px 10px!important;font-size:12px!important;font-weight:950!important;}
body.hostpido-client-area .hp-mpesa{color:#1a7f37!important;}
body.hostpido-client-area .hp-visa{color:#1a4fb6!important;}
body.hostpido-client-area .hp-master{gap:0!important;min-width:58px!important;}
body.hostpido-client-area .hp-master i,
body.hostpido-client-area .hp-master b{display:block!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#eb001b!important;}
body.hostpido-client-area .hp-master b{background:#f79e1b!important;margin-left:-7px!important;}
body.hostpido-client-area .hp-footer-bottom{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-top:28px!important;padding-top:15px!important;border-top:1px solid rgba(255,255,255,.12)!important;color:#cbd5e1!important;font-size:12px!important;}
body.hostpido-client-area .hp-footer-bottom p{margin:0!important;}
body.hostpido-client-area .hp-bottom-links{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
body.hostpido-client-area .hp-bottom-links a{color:#cbd5e1!important;}
body.hostpido-client-area .hp-bottom-links a:hover{color:#ffb79f!important;}
body.hostpido-client-area .hp-chat-pill{position:fixed!important;left:18px!important;bottom:18px!important;z-index:3000!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:999px!important;background:#25d366!important;color:#fff!important;padding:11px 16px!important;font-size:13px!important;font-weight:950!important;box-shadow:0 16px 36px rgba(0,0,0,.18)!important;}

@media (max-width:1100px){
  body.hostpido-client-area .hp-public-menu{display:none!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;background:#fff!important;border-top:1px solid #e5edf6!important;padding:12px 16px!important;box-shadow:0 20px 36px rgba(7,21,47,.1)!important;}
  body.hostpido-client-area .hp-public-menu.hp-open{display:grid!important;gap:4px!important;}
  body.hostpido-client-area .hp-mobile-toggle{display:inline-flex!important;}
  body.hostpido-client-area .hp-nav-cta{margin-left:auto!important;}
  body.hostpido-client-area .hp-nav-wrap{min-height:68px!important;}
  body.hostpido-client-area .hp-nav-link{padding:12px!important;width:100%!important;justify-content:space-between!important;}
  body.hostpido-client-area .hp-nav-item{display:block!important;width:100%!important;}
  body.hostpido-client-area .hp-mega-menu{position:static!important;transform:none!important;width:100%!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:none!important;margin:0 0 10px!important;}
  body.hostpido-client-area .hp-has-menu:hover .hp-mega-menu,
  body.hostpido-client-area .hp-has-menu:focus-within .hp-mega-menu{display:block!important;transform:none!important;}
  body.hostpido-client-area .hp-mega-shell{grid-template-columns:1fr!important;box-shadow:none!important;}
  body.hostpido-client-area .hp-mega-links{grid-template-columns:1fr!important;}
  body.hostpido-client-area .hp-learn-panel{display:none!important;}
  body.hostpido-client-area .hp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  body.hostpido-client-area .hp-top-wrap{flex-direction:column!important;align-items:flex-start!important;padding-top:8px!important;padding-bottom:8px!important;}
  body.hostpido-client-area .hp-top-links{flex-wrap:wrap!important;gap:10px!important;}
  body.hostpido-client-area .hp-nav-wrap{gap:12px!important;}
  body.hostpido-client-area .hp-logo img{width:132px!important;}
  body.hostpido-client-area .hp-footer-grid{grid-template-columns:1fr!important;}
  body.hostpido-client-area .hp-footer-bottom{flex-direction:column!important;align-items:flex-start!important;}
}