/* HabibSoft WHMCS premium hosting style - inspired by modern WHMCS hosting layouts */
:root{
  --hv-navy:#071224;
  --hv-navy-2:#101d3a;
  --hv-blue:#3157ff;
  --hv-cyan:#0bc5ea;
  --hv-orange:#ff4c24;
  --hv-orange-2:#ff7a18;
  --hv-text:#0b1428;
  --hv-muted:#607089;
  --hv-soft:#eef3f6;
  --hv-line:#e7edf5;
  --hv-white:#ffffff;
  --hv-shadow:0 22px 70px rgba(7,18,36,.16);
  --hv-shadow-sm:0 12px 30px rgba(7,18,36,.08);
  --hv-radius:28px;
}
html{scroll-behavior:smooth}
body.hs-theme-body{background:#fff;color:var(--hv-text);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}
a{transition:all .25s ease}a:hover,a:focus{text-decoration:none}.container{max-width:1180px}.hv-header-wrap{position:relative;z-index:999;background:#fff}.hv-topbar{height:36px;background:#fff;border-bottom:1px solid #e8edf5;font-size:13px}.hv-topbar-inner{max-width:1320px;margin:0 auto;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.hv-top-left{display:flex;gap:24px;color:#5a667c;font-weight:700}.hv-top-left i{color:var(--hv-orange);margin-right:7px}.hv-utility-nav{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}.hv-utility-nav>li>a{color:#071224;font-weight:800;line-height:36px;display:block}.hv-utility-nav .dropdown-menu{border:0;border-radius:18px;padding:10px;box-shadow:var(--hv-shadow);min-width:190px}.hv-utility-nav .dropdown-menu>li>a{border-radius:12px;padding:9px 12px;font-weight:700;color:#17233d}.hv-utility-nav .dropdown-menu>li>a:hover{background:#f2f6ff;color:var(--hv-orange)}.hv-cart-link{color:var(--hv-orange)!important}.hv-main-navbar{margin:0;border:0;background:linear-gradient(90deg,#071224 0%,#071224 50%,#08214c 100%);border-radius:0;min-height:0}.hv-nav-shell{max-width:1320px;margin:0 auto;min-height:92px;display:flex;align-items:center;position:relative;padding:0 24px}.hv-brand-panel{height:76px;min-width:270px;background:#fff;display:flex;align-items:center;padding:0 34px;border-radius:44px 0 0 44px;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);box-shadow:0 18px 45px rgba(0,0,0,.14);z-index:2}.hv-logo{display:flex;align-items:center;gap:10px;color:#101a32!important;font-size:30px;font-weight:950;line-height:1}.hv-logo img{max-height:54px;max-width:220px;object-fit:contain}.hv-logo-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(255,76,36,.28)}.hv-logo-text{letter-spacing:-1px}.hv-menu-panel{flex:1;background:#fff;min-height:76px;border-radius:0 44px 44px 0;margin-left:-16px;padding-left:48px;padding-right:14px;box-shadow:0 18px 45px rgba(0,0,0,.14)}.hv-nav-menu>li>a{color:#303848!important;font-weight:900;padding:28px 17px!important;line-height:20px!important}.hv-nav-menu>li>a:hover,.hv-nav-menu>li.open>a,.hv-nav-menu>li.active>a{background:transparent!important;color:var(--hv-orange)!important}.hv-nav-menu .dropdown-menu{border:0;border-radius:20px;padding:14px;box-shadow:var(--hv-shadow);min-width:220px}.hv-nav-menu .dropdown-menu>li>a{border-radius:14px;padding:11px 14px;font-weight:800;color:#17233d}.hv-nav-menu .dropdown-menu>li>a:hover{background:#fff3ef;color:var(--hv-orange)}.hv-nav-actions{margin-right:0}.hv-contact-btn{margin:15px 0 0 14px;padding:15px 28px!important;border-radius:999px;background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff!important;font-weight:950;box-shadow:0 18px 35px rgba(255,76,36,.28)}.hv-contact-btn:hover{transform:translateY(-2px);box-shadow:0 24px 48px rgba(255,76,36,.36);background:linear-gradient(135deg,var(--hv-orange-2),var(--hv-orange))!important}.hv-contact-btn i{margin-left:6px}.hv-mobile-head{display:none}.hv-toggle{border:0;background:#fff!important;margin:0}.hv-toggle .icon-bar{background:#071224}.hv-main-body{padding:0;background:#fff}.hv-main-content{min-height:340px}.hv-main-body .main-content>.header-lined:first-child{margin-top:24px}.hs-page{width:100vw;margin-left:calc(50% - 50vw);margin-top:-1px;background:#fff}.hs-container{max-width:1180px;margin:0 auto;padding:0 24px}.hs-section{padding:88px 0;background:#fff}.hs-soft{background:var(--hv-soft)}.hs-dark-band{background:linear-gradient(135deg,#071224,#172462);color:#fff}.hs-hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(49,87,255,.55),transparent 28%),linear-gradient(112deg,#071224 0%,#0a1730 48%,#14235c 100%);color:#fff}.hs-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,36,.94),rgba(7,18,36,.73),rgba(7,18,36,.4)),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1700&q=80') center/cover;opacity:.62}.hs-hero:after{content:"";position:absolute;left:-140px;bottom:-180px;width:420px;height:420px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 82px rgba(255,255,255,.018)}.hs-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;width:100%}.hs-kicker{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--hv-orange);border-radius:999px;padding:10px 20px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:rgba(255,76,36,.08);margin-bottom:24px}.hs-kicker i{color:var(--hv-orange)}.hs-hero h1{font-size:60px;line-height:1.04;font-weight:950;letter-spacing:-2px;margin:0 0 18px;color:#fff}.hs-hero p{font-size:18px;line-height:1.78;color:#dce7ff;max-width:650px;margin-bottom:28px}.hs-actions{display:flex;flex-wrap:wrap;gap:14px}.hs-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 24px;font-weight:950;border:0;white-space:nowrap}.hs-btn-primary{background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff!important;box-shadow:0 16px 34px rgba(255,76,36,.3)}.hs-btn-primary:hover{transform:translateY(-3px);box-shadow:0 24px 44px rgba(255,76,36,.42);color:#fff}.hs-btn-light{background:#fff;color:#111b33!important;box-shadow:0 14px 30px rgba(0,0,0,.12)}.hs-btn-light:hover{transform:translateY(-3px);color:var(--hv-orange)!important}.hs-domain-strip{margin-top:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:12px;backdrop-filter:blur(12px);max-width:620px}.hs-domain-strip input{height:56px;border:0;border-radius:18px;padding:0 18px;color:#17233d;width:100%;outline:0}.hs-domain-strip button,.hs-domain-strip a{height:56px;border:0;border-radius:18px;padding:0 24px;background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff;font-weight:950;display:inline-flex;align-items:center;justify-content:center}.hs-orbit{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.hs-server-card{position:relative;width:100%;max-width:430px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);border-radius:38px;box-shadow:0 40px 95px rgba(0,0,0,.34);backdrop-filter:blur(18px);animation:hsFloat 7s ease-in-out infinite}.hs-server-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hs-leds span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#28e98c;box-shadow:0 0 16px #28e98c;margin-right:7px}.hs-leds span:nth-child(2){background:#ffcc4d;box-shadow:0 0 16px #ffcc4d}.hs-leds span:nth-child(3){background:var(--hv-orange);box-shadow:0 0 16px var(--hv-orange)}.hs-chip{background:rgba(255,255,255,.16);border-radius:999px;padding:8px 13px;font-weight:950;color:#eaf4ff}.hs-rack{display:grid;gap:12px}.hs-rack-row{height:56px;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);border-radius:18px;display:flex;align-items:center;padding:0 16px;position:relative}.hs-rack-row:before{content:"";width:11px;height:11px;border-radius:50%;background:#28e98c;box-shadow:0 0 14px #28e98c;margin-right:12px}.hs-rack-row:after{content:"";height:8px;flex:1;border-radius:8px;background:linear-gradient(90deg,var(--hv-orange),rgba(255,255,255,.18));animation:hsPulse 2.5s ease-in-out infinite}.hs-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hs-stat{background:rgba(255,255,255,.12);border-radius:18px;padding:15px;text-align:center}.hs-stat b{display:block;color:#fff;font-size:22px}.hs-stat small{color:#cbd9ff;font-weight:800}.hs-floating-badge{position:absolute;left:0;bottom:20px;background:#fff;color:#13204a;border-radius:24px;padding:16px 18px;box-shadow:var(--hv-shadow);font-weight:950;animation:hsFloatSmall 6s ease-in-out infinite}.hs-floating-badge i{color:var(--hv-orange);margin-right:7px}@keyframes hsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes hsFloatSmall{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-10px)}}@keyframes hsPulse{0%,100%{opacity:.55;max-width:60%}50%{opacity:1;max-width:100%}}.hs-title{text-align:center;margin:0 auto 46px;max-width:790px}.hs-title .eyebrow{display:inline-flex;align-items:center;gap:12px;font-weight:950;color:var(--hv-orange);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.hs-title .eyebrow:before,.hs-title .eyebrow:after{content:"";width:40px;height:1px;background:var(--hv-orange)}.hs-title h2{font-size:38px;line-height:1.15;margin:10px 0 12px;font-weight:950;color:#0c1730;letter-spacing:-1px}.hs-title p{font-size:16px;color:var(--hv-muted);line-height:1.75;margin:0}.hs-dark-band .hs-title h2,.hs-dark-band h2,.hs-dark-band h3{color:#fff}.hs-dark-band .hs-title p,.hs-dark-band p{color:#cbd9ff}.hs-service-grid,.hs-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hs-card{background:#fff;border:1px solid var(--hv-line);border-radius:28px;padding:28px;box-shadow:var(--hv-shadow-sm);transition:all .28s ease;position:relative;overflow:hidden}.hs-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,76,36,.12),transparent 36%);opacity:0;transition:.28s}.hs-card:hover{transform:translateY(-8px);box-shadow:var(--hv-shadow);border-color:rgba(255,76,36,.24)}.hs-card:hover:before{opacity:1}.hs-icon{width:62px;height:62px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff4ef,#fff);color:var(--hv-orange);font-size:26px;margin-bottom:18px;box-shadow:inset 0 0 0 1px #ffe0d6}.hs-card h3{position:relative;font-size:21px;font-weight:950;margin:0 0 10px;color:#111b33}.hs-card p{position:relative;color:var(--hv-muted);line-height:1.75;margin:0 0 18px}.hs-link{position:relative;font-weight:950;color:var(--hv-orange)!important}.hs-link i{transition:.25s}.hs-link:hover i{transform:translateX(5px)}.hs-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.hs-price-card{background:#fff;border:1px solid var(--hv-line);border-radius:30px;padding:28px;box-shadow:var(--hv-shadow-sm);transition:.28s;position:relative;overflow:hidden}.hs-price-card.active,.hs-price-card:hover{transform:translateY(-9px);box-shadow:var(--hv-shadow);border-color:rgba(255,76,36,.3)}.hs-price-card.active{background:linear-gradient(160deg,#071224,#132057);color:#fff}.hs-price-card.active h3,.hs-price-card.active .hs-price{color:#fff}.hs-price-card.active .hs-features li{color:#dbe7ff;border-color:rgba(255,255,255,.1)}.hs-price-card.active:before{content:"Popular";position:absolute;top:20px;right:-34px;background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff;font-weight:950;padding:8px 42px;transform:rotate(35deg);font-size:12px}.hs-plan{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hs-plan i{width:46px;height:46px;border-radius:16px;background:#fff3ef;color:var(--hv-orange);display:flex;align-items:center;justify-content:center;font-size:20px}.hs-price{font-size:42px;font-weight:950;color:#0d1730;letter-spacing:-1px;margin:15px 0}.hs-price span{font-size:14px;color:var(--hv-muted);font-weight:800}.hs-features{list-style:none;margin:20px 0 24px;padding:0}.hs-features li{padding:9px 0;border-bottom:1px solid #edf2fa;color:#46556d;font-weight:750}.hs-features li:before{content:"\f00c";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:900;color:#21c178;margin-right:9px}.hs-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hs-mini-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;text-align:center}.hs-mini-stat b{font-size:34px;color:#fff;display:block}.hs-mini-stat span{color:#cddcff;font-weight:800}.hs-table-wrap{background:#fff;border:1px solid var(--hv-line);border-radius:28px;box-shadow:var(--hv-shadow-sm);overflow:hidden}.hs-table{width:100%;margin:0}.hs-table thead th{background:#0f1b40!important;color:#fff!important;border:0!important;padding:18px!important}.hs-table tbody td{padding:18px!important;vertical-align:middle!important;border-color:#edf2fa!important}.hs-table tbody tr:hover{background:#f7faff}.hs-table .hs-order{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff!important;font-weight:950;padding:10px 16px}.hs-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.hs-about-panel{background:linear-gradient(135deg,#fff,#f4f8ff);border:1px solid var(--hv-line);border-radius:34px;padding:34px;box-shadow:var(--hv-shadow)}.hs-check-list{list-style:none;margin:22px 0 0;padding:0}.hs-check-list li{padding:11px 0;color:#42506a;font-weight:750}.hs-check-list li:before{content:"\f058";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:900;color:#21c178;margin-right:10px}.hs-tabs{text-align:center;margin-bottom:28px}.hs-tabs a{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 18px;margin:5px;background:#fff;color:#17233e;font-weight:950;box-shadow:var(--hv-shadow-sm)}.hs-tabs a.active{background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff}.hs-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hs-quote{background:#fff;border:1px solid var(--hv-line);border-radius:28px;padding:28px;box-shadow:var(--hv-shadow-sm)}.hs-stars{color:#ffb703;margin-bottom:12px}.hs-quote p{color:#526078;line-height:1.7}.hs-avatar{display:flex;align-items:center;gap:12px;margin-top:18px}.hs-avatar span{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff;font-weight:950}.hs-avatar b{display:block;color:#111b33}.hs-avatar small{color:var(--hv-muted)}.hs-faq{max-width:900px;margin:0 auto}.hs-faq .panel{border:1px solid var(--hv-line);box-shadow:none;border-radius:18px!important;overflow:hidden;margin-bottom:14px}.hs-faq .panel-heading{background:#fff;border:0;padding:0}.hs-faq .panel-title a{display:block;padding:18px 22px;font-weight:950;color:#111b33}.hs-faq .panel-body{border-top:1px solid #edf2fa!important;color:var(--hv-muted);line-height:1.75}.hs-cta{background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));border-radius:36px;color:#fff;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 28px 70px rgba(255,76,36,.26)}.hs-cta h2{margin:0 0 8px;color:#fff;font-weight:950}.hs-cta p{margin:0;color:#fff}.hs-cta .hs-btn{background:#fff;color:#13204a!important}.hv-footer{position:relative;background:radial-gradient(circle at 25% 0,rgba(49,87,255,.25),transparent 28%),linear-gradient(135deg,#071224,#16213d);color:#b8c7e6;overflow:hidden}.hv-footer-glow{position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:rgba(255,76,36,.16);filter:blur(40px)}.hv-footer-inner{position:relative;max-width:1180px;margin:0 auto;padding:72px 24px 46px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:42px}.hv-footer-logo{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:26px;font-weight:950;margin-bottom:18px}.hv-footer-logo img{max-height:52px;max-width:210px;object-fit:contain;filter:brightness(0) invert(1)}.hv-footer-brand p{line-height:1.75;max-width:390px}.hv-socials{display:flex;gap:10px;margin-top:20px}.hv-socials a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center}.hv-socials a:hover{background:var(--hv-orange);transform:translateY(-3px)}.hv-footer-col h4{color:#fff;font-weight:950;margin:0 0 18px;position:relative}.hv-footer-col h4:after{content:"";display:block;width:44px;height:2px;background:var(--hv-orange);margin-top:10px}.hv-footer-col a{display:block;color:#b8c7e6;margin:10px 0;font-weight:700}.hv-footer-col a:hover{color:#fff;transform:translateX(5px)}.hv-footer-bottom{position:relative;max-width:1180px;margin:0 auto;padding:18px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#b8c7e6}.hv-footer-bottom p{margin:0}.hv-footer-bottom a{color:#b8c7e6;margin-left:18px;font-weight:700}.hv-footer-bottom a:hover{color:#fff}.hv-back-top{width:46px;height:46px!important;border-radius:50%;background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));color:#fff!important;display:flex!important;align-items:center;justify-content:center;position:fixed;right:22px;bottom:22px;box-shadow:0 14px 30px rgba(0,0,0,.28);z-index:999}.system-modal{z-index:99999}.modal-backdrop{z-index:99990}.panel-primary>.panel-heading{background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));border-color:var(--hv-orange)}.btn-primary{background:linear-gradient(135deg,var(--hv-orange),var(--hv-orange-2));border-color:var(--hv-orange)}@media(max-width:1199px){.hv-brand-panel{min-width:230px}.hv-nav-menu>li>a{padding-left:11px!important;padding-right:11px!important}.hs-pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:991px){.hv-top-left{display:none}.hv-topbar-inner{justify-content:flex-end}.hv-nav-shell{display:block;min-height:auto;padding:0}.hv-brand-panel{clip-path:none;border-radius:0;min-width:0;height:76px;padding:0 20px;justify-content:space-between}.hv-mobile-head{display:block;position:absolute;right:16px;top:18px;z-index:3}.hv-menu-panel{margin:0;border-radius:0;min-height:0;padding:0 18px!important;box-shadow:none}.hv-nav-menu>li>a{padding:14px 4px!important}.hv-contact-btn{margin:10px 0 18px;padding:13px 22px!important}.hs-hero{min-height:auto;padding:78px 0}.hs-hero-grid,.hs-about-grid{grid-template-columns:1fr}.hs-hero h1{font-size:42px}.hs-service-grid,.hs-feature-grid,.hs-testimonial-grid{grid-template-columns:repeat(2,1fr)}.hs-mini-stats{grid-template-columns:repeat(2,1fr)}.hv-footer-inner{grid-template-columns:1fr 1fr}.hv-footer-bottom{display:block;text-align:center}.hv-footer-bottom div{margin-top:12px}}@media(max-width:640px){.hv-topbar{height:auto}.hv-topbar-inner{height:auto;padding:8px 12px}.hv-utility-nav{gap:10px;flex-wrap:wrap;justify-content:center}.hv-logo img{max-width:170px}.hs-hero h1{font-size:34px}.hs-hero p{font-size:16px}.hs-domain-strip{grid-template-columns:1fr}.hs-service-grid,.hs-feature-grid,.hs-pricing-grid,.hs-testimonial-grid,.hs-mini-stats{grid-template-columns:1fr}.hs-cta{display:block;text-align:center}.hs-cta .hs-btn{margin-top:20px}.hs-floating-badge{position:relative;left:auto;bottom:auto;margin-top:18px;display:inline-block}.hv-footer-inner{grid-template-columns:1fr;padding-top:54px}.hv-footer-bottom a{display:inline-block;margin:6px 8px}.hs-section{padding:62px 0}}


/* =========================================================
   Homepage update - HostVibe/Antler inspired sections
   Keep all homepage styling in /style.css
========================================================= */
.hs-homepage .hs-home-hero{margin-top:0;}
.hs-homepage .hs-hero-copy{position:relative;z-index:3;}
.hs-homepage .hs-home-domain button{min-width:145px;}
.hs-homepage .hs-zigzag-features .hs-card:nth-child(even){transform:translateY(18px);}
.hs-homepage .hs-zigzag-features .hs-card:nth-child(even):hover{transform:translateY(8px);}
.hs-homepage .hs-home-pricing .hs-price-card .hs-btn{width:100%;}
.hs-timeline-features{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;position:relative;max-width:1040px;margin:0 auto;}
.hs-timeline-features:before{content:"";position:absolute;left:16%;right:16%;top:38px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,76,36,.45) 0 12px,transparent 12px 22px);z-index:0;}
.hs-timeline-item{position:relative;z-index:1;text-align:center;padding:0 10px;}
.hs-timeline-item span{width:78px;height:78px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff4ef;color:var(--hv-orange);font-size:28px;box-shadow:inset 0 0 0 2px #ffe0d6,0 18px 35px rgba(255,76,36,.12);margin-bottom:18px;}
.hs-timeline-item h3{font-size:20px;font-weight:950;color:#111b33;margin:0 0 10px;}
.hs-timeline-item p{color:var(--hv-muted);line-height:1.7;margin:0;}
.hs-cta-section{padding-top:44px;}
.hs-faq .panel-title a:after{content:"+";float:right;color:var(--hv-orange);font-weight:950;}
.hs-faq .panel-title a[aria-expanded="true"]:after{content:"−";}
@media(max-width:991px){.hs-homepage .hs-zigzag-features .hs-card:nth-child(even){transform:none}.hs-timeline-features{grid-template-columns:1fr;gap:26px}.hs-timeline-features:before{display:none}}
@media(max-width:640px){.hs-homepage .hs-home-domain button{width:100%;}.hs-timeline-item{padding:0}.hs-homepage .hs-hero .hs-actions .hs-btn{width:100%;}}


/* =========================================================
   CRITICAL WHMCS / Bootstrap modal click fix
   Fixes cart Remove Item modal where screen becomes dark and
   Close / No / Yes buttons cannot be clicked.
========================================================= */
body.modal-open .hv-header-wrap,
body.modal-open .hv-topbar,
body.modal-open .hv-main-navbar,
body.modal-open .hv-footer,
body.modal-open .hv-back-top,
body.modal-open #fullpage-overlay {
    z-index: 1 !important;
}
body.modal-open .modal-backdrop,
body.modal-open .modal-backdrop.fade,
body.modal-open .modal-backdrop.in {
    z-index: 1040 !important;
    pointer-events: none !important;
}
body.modal-open .modal,
body.modal-open .modal.fade,
body.modal-open .modal.in,
body.modal-open .system-modal,
body.modal-open #modalAjax,
body.modal-open #modalRemoveItem,
body.modal-open #modalGeneratePassword,
body.modal-open [id*="modal"] {
    z-index: 999999 !important;
    pointer-events: auto !important;
}
body.modal-open .modal-dialog,
body.modal-open .modal-content,
body.modal-open .modal-header,
body.modal-open .modal-body,
body.modal-open .modal-footer,
body.modal-open .modal button,
body.modal-open .modal a,
body.modal-open .modal input,
body.modal-open .modal select,
body.modal-open .modal textarea,
body.modal-open .modal .btn {
    pointer-events: auto !important;
}
body.modal-open .modal-content {
    position: relative !important;
    z-index: 1000000 !important;
}
body.modal-open .modal .close,
body.modal-open .modal [data-dismiss="modal"],
body.modal-open .modal .btn {
    cursor: pointer !important;
}



/* =========================================================
   Footer visibility + safer modal stacking patch v3.2.0
   Keeps HostVibe footer visible and keeps WHMCS cart modals clickable.
========================================================= */
html, body { min-height: 100%; }
.hv-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    clear: both !important;
    position: relative !important;
    z-index: 10 !important;
}
.hv-footer-inner, .hv-footer-bottom {
    display: grid;
    visibility: visible !important;
    opacity: 1 !important;
}
.hv-footer-bottom { display: flex !important; }
#main-body:after, .hv-main-body:after, .main-content:after {
    content: "";
    display: table;
    clear: both;
}
.modal-backdrop { z-index: 1040 !important; }
body.modal-open .modal-backdrop { pointer-events: none !important; }
body.modal-open .modal,
body.modal-open #modalAjax,
body.modal-open #modalRemoveItem,
body.modal-open .system-modal {
    z-index: 1060 !important;
    pointer-events: auto !important;
}
body.modal-open .modal-dialog,
body.modal-open .modal-content,
body.modal-open .modal-footer,
body.modal-open .modal .btn,
body.modal-open .modal button,
body.modal-open .modal [data-dismiss="modal"] {
    pointer-events: auto !important;
    cursor: pointer !important;
}
body.modal-open .hv-footer { z-index: 1 !important; }
@media(max-width:991px){ .hv-footer-inner{display:grid!important;grid-template-columns:1fr 1fr!important}.hv-footer-bottom{display:block!important;text-align:center!important} }
@media(max-width:640px){ .hv-footer-inner{grid-template-columns:1fr!important} }

/* =========================================================
   Header-to-content gap removal patch v3.3.0
   Removes the white strip between the HostVibe navbar and homepage/main content.
========================================================= */
html, body { margin: 0 !important; padding: 0 !important; }
.hv-header-wrap { margin-bottom: 0 !important; }
.hv-main-navbar { margin-bottom: 0 !important; border-bottom: 0 !important; }
#main-body,
section#main-body,
.hv-main-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}
#main-body > .container,
.hv-main-body > .container,
.hv-main-body > .container-fluid,
#main-body > .container-fluid {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-body > .container > .row,
.hv-main-body > .container > .row,
.hv-main-body > .container-fluid > .row {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.main-content,
.hv-main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.main-content > .hs-page:first-child,
.hv-main-content > .hs-page:first-child,
.hs-homepage {
    margin-top: 0 !important;
}
.hs-homepage .hs-home-hero,
.hs-page > .hs-hero:first-child {
    margin-top: 0 !important;
}
/* Make homepage/custom landing pages full width without Bootstrap side padding gap */
#main-body .main-content.col-xs-12,
#main-body .main-content.col-sm-12,
#main-body .main-content.col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   Standard WHMCS page width patch v3.4.0
   Keeps custom landing pages full-bleed, but reduces left/right blank margin
   on cart, client area, support, domain, invoice and other default WHMCS pages.
========================================================= */
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) #main-body > .container,
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .hv-main-body > .container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) #main-body > .container > .row,
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .hv-main-body > .container > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .sidebar {
    padding-left: 0 !important;
}
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .main-content {
    padding-right: 0 !important;
}
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .hv-footer-inner,
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .hv-footer-bottom,
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .hv-topbar-inner,
.hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .hv-nav-shell {
    max-width: calc(100% - 24px) !important;
}
@media (max-width: 767px) {
    .hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) #main-body > .container,
    .hs-theme-body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-software):not(.hs-template-about_us) .hv-main-body > .container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* =========================================================
   Standard pages container force patch v3.5.0
   This works even when WHMCS does not print hv-main-body correctly.
========================================================= */
body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-reseller_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template-about_us) section#main-body,
body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template-about_us) #main-body,
body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template_about_us) .hv-main-body {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
}

body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template-about_us) section#main-body > .container,
body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template-about_us) #main-body > .container,
body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template-about_us) .hv-main-body > .container,
body.hs-standard-page section#main-body > .container,
body.hs-standard-page #main-body > .container,
body.hs-standard-page .hv-main-body > .container {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.hs-standard-page #main-body > .container > .row,
body.hs-standard-page .hv-main-body > .container > .row,
body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template-about_us) #main-body > .container > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.hs-standard-page .sidebar,
body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template-about_us) .sidebar {
    padding-left: 0 !important;
}

body.hs-standard-page .main-content,
body:not(.hs-template-homepage):not(.hs-template-web_hosting):not(.hs-template-web_hosting_windows):not(.hs-template-vps_hosting):not(.hs-template-dedicated_servers):not(.hs-template-reseller_hosting):not(.hs-template-software):not(.hs-template-about_us) .main-content {
    padding-right: 0 !important;
}

body.hs-standard-page .hv-nav-shell,
body.hs-standard-page .hv-topbar-inner,
body.hs-standard-page .hv-footer-inner,
body.hs-standard-page .hv-footer-bottom {
    max-width: calc(100vw - 24px) !important;
}

@media (max-width: 767px) {
    body.hs-standard-page section#main-body > .container,
    body.hs-standard-page #main-body > .container,
    body.hs-standard-page .hv-main-body > .container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}