/* Header Variables CSS */
:root {
  --theme-blue: #0c69f0;
  --theme-orange: #e9882a;
  --dark: #101021;
  --white: #ffffff;
  --footer-dark: #0c69f0;
  --footer-deep: #0c69f0;
  --footer-text: #cfd2ff;
}

/* Header Main CSS */
.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.35), transparent 38%),
    linear-gradient(135deg, #0c69f0 0%, #0c69f0 100%) !important;
  box-shadow: none;
  border-bottom: none;
}

/* Header Container CSS */
.header-container {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 22px 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
}

/* Header Logo CSS */
.site-logo img {
  max-height: 48px;
  display: block;
}

/* Desktop Menu CSS */
.desktop-nav ul {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.desktop-nav a {
  color: var(--footer-text);
  font-family: var(--vh-font-primary);
  font-size: 16.5px;
  line-height: 1.2;
  font-weight: 750;
  text-decoration: none;
  transition: 0.25s ease;
}

.desktop-nav a:hover {
  color: var(--theme-orange);
}

/* Desktop Dropdown CSS */
.dropdown {
  position: relative;
}

.dropdown > a::after {
  content: "▾";
  font-size: 13px;
  margin-left: 7px;
  display: inline-block;
  color: var(--theme-orange);
  transition: 0.25s ease;
}

.dropdown:hover > a::after {
  transform: rotate(180deg);
}

.dropdown-menu {
  position: absolute;
  top: 140%;
  left: 0;
  min-width: 285px;
  display: block !important;
  padding: 12px 0 !important;
  margin: 0;
  list-style: none;
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.28), transparent 42%),
    linear-gradient(135deg, #0c69f0 0%, #0c69f0 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: 0 22px 50px rgba(8, 8, 36, 0.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: 0.3s ease;
}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-menu li a {
  display: block;
  padding: 13px 22px;
  color: var(--footer-text);
  font-size: 15.5px;
  line-height: 1.35;
  font-weight: 700;
}

.dropdown-menu li a:hover {
  background: rgba(233, 136, 42, 0.14);
  color: #ffffff;
  padding-left: 28px;
}

/* Header Actions CSS */
.header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Header Client Button CSS */
.client-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 25px;
  border-radius: 999px;
  background: var(--theme-orange);
  color: var(--white);
  font-family: var(--vh-font-primary);
  font-size: 15.5px;
  line-height: 1;
  font-weight: 850;
  text-decoration: none;
  transition: 0.25s ease;
  box-shadow: 0 12px 30px rgba(233, 136, 42, 0.28);
}

.client-btn:hover {
  background: var(--theme-blue);
  color: var(--white);
  transform: translateY(-2px);
}

/* Mobile Menu Button CSS */
.mobile-menu-btn {
  display: none;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 12px;
  background: var(--theme-orange);
  color: var(--white);
  font-size: 22px;
  cursor: pointer;
}

/* Mobile Overlay CSS */
.mobile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(8, 8, 36, 0.68);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}

.mobile-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Mobile Menu Wrapper CSS */
.mobile-menu {
  position: fixed;
  inset: 0 0 0 auto;
  width: 340px;
  max-width: 90%;
  height: 100vh;
  max-height: 100vh;
  padding: 24px;
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.3), transparent 42%),
    linear-gradient(135deg, #0c69f0 0%, #0c69f0 100%);
  z-index: 1000;
  transform: translateX(100%);
  transition: 0.35s ease;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  box-shadow: -20px 0 50px rgba(8, 8, 36, 0.38);
}

.mobile-menu.active {
  transform: translateX(0);
}

/* Mobile Menu Header CSS */
.mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.mobile-menu-header img {
  max-height: 44px;
}

.mobile-menu-header button,
.mobile-close-btn {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 12px;
  background: var(--theme-orange);
  color: var(--white);
  font-size: 20px;
  cursor: pointer;
}

/* Mobile Navigation CSS */
.mobile-nav,
.mobile-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav {
  padding-bottom: 120px;
}

.mobile-nav a,
.mobile-dropdown-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  color: var(--footer-text);
  font-family: var(--vh-font-primary);
  font-size: 15px;
  font-weight: 750;
  text-align: left;
  text-decoration: none;
  transition: 0.25s ease;
}

.mobile-nav a:hover,
.mobile-dropdown-btn:hover {
  color: var(--theme-orange);
}

/* Mobile Dropdown Arrow CSS */
.mobile-dropdown-btn::after {
  content: "▾";
  font-size: 16px;
  font-weight: 900;
  color: var(--theme-orange);
  transition: 0.25s ease;
}

.mobile-dropdown-btn.active::after {
  transform: rotate(180deg);
}

/* Mobile Submenu CSS */
.mobile-submenu {
  display: none;
  padding-left: 16px;
}

.mobile-submenu.active {
  display: block;
}

.mobile-submenu a {
  color: rgba(207, 210, 255, 0.82);
  font-size: 14px;
  font-weight: 600;
}

.mobile-submenu a:hover {
  color: #ffffff;
  padding-left: 6px;
}

/* Mobile Client Area Button CSS */
.mobile-client-btn {
  width: 100%;
  margin-top: 22px;
  padding: 15px 22px;
  border-radius: 14px;
  background: var(--theme-orange);
  color: #ffffff !important;
  font-family: var(--vh-font-primary);
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  box-shadow: 0 14px 28px rgba(233, 136, 42, 0.25);
}

.mobile-client-btn:hover {
  background: var(--theme-blue);
  color: #ffffff !important;
}

/* Mobile Client Icon CSS */
.mobile-client-btn i {
  font-size: 17px;
  color: #ffffff;
}

/* Header Responsive CSS */
@media (max-width: 1199px) {
  .desktop-nav,
  .client-btn {
    display: none;
  }

  .mobile-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .header-container {
    padding: 18px 22px;
  }
}

/* Header Mobile Spacing CSS */
@media (max-width: 575px) {
  .header-container {
    padding: 16px 18px;
  }

  .site-logo img {
    max-height: 42px;
  }
}

/* Mobile Menu Body Lock Helper CSS */
body.mobile-menu-open {
  overflow: hidden;
}







/* Footer CSS */
:root {
  --theme-blue: #0c69f0;
  --theme-orange: #e9882a;
  --footer-dark: #0c69f0;
  --footer-text: #cfd2ff;
  --white: #ffffff;
}

.modern-footer {
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.35), transparent 38%),
    linear-gradient(135deg, #0c69f0 0%, #0c69f0 100%);
  color: var(--white);
  overflow: hidden;
}

.footer-main {
  padding: 90px 24px 65px;
}

.footer-container {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.3fr 1fr 0.8fr 0.9fr;
  gap: 50px;
}

.footer-logo img {
  max-height: 54px;
  margin-bottom: 24px;
}

.footer-brand p {
  color: var(--footer-text);
  font-size: 16px;
  line-height: 1.8;
  max-width: 340px;
}

.footer-column h5 {
  position: relative;
  color: var(--white);
  font-size: 19px;
  margin: 0 0 28px;
  padding-bottom: 14px;
}

.footer-column h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 3px;
  border-radius: 99px;
  background: var(--theme-orange);
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column li {
  margin-bottom: 14px;
}

.footer-column a {
  color: var(--footer-text);
  text-decoration: none;
  font-size: 15px;
  transition: 0.25s ease;
}

.footer-column a::before {
  content: "›";
  color: var(--theme-orange);
  margin-right: 9px;
  font-weight: 900;
}

.footer-column a:hover {
  color: var(--white);
  padding-left: 6px;
}

.footer-btn {
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-orange);
  color: var(--white) !important;
  padding: 14px 24px;
  border-radius: 999px;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(233, 136, 42, 0.32);
}

.footer-btn::before {
  display: none;
}

.footer-btn:hover {
  background: var(--theme-blue);
  padding-left: 24px !important;
  transform: translateY(-2px);
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 22px 24px;
  text-align: center;
}

.footer-bottom p {
  margin: 0;
  color: var(--footer-text);
  font-size: 15px;
}

.footer-bottom a {
  color: var(--theme-orange);
  font-weight: 800;
  text-decoration: none;
}

@media (max-width: 991px) {
  .footer-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-main {
    padding: 70px 24px 50px;
  }
}

@media (max-width: 575px) {
  .footer-container {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .footer-main {
    padding: 55px 20px 42px;
  }

  .footer-brand p {
    max-width: 100%;
  }
}







/* Global Website Font CSS */
body,
button,
input,
textarea,
select {
  font-family: var(--vh-font-primary);
}

/* Premium Hero Variables CSS */
:root {
  --theme-blue: #0c69f0;
  --theme-orange: #e9882a;
  --hero-dark: #10212a;
  --hero-text: #5b6275;
  --white: #ffffff;
}

/* Premium Hero Main Section CSS */
.vh-premium-hero {
  position: relative;
  overflow: hidden;
  padding: 68px 24px 55px;
  background: #ffffff;
}

/* Premium Hero Container CSS */
.vh-premium-hero-container {
  max-width: 1180px;
  margin: 0 auto;
}

/* Premium Hero Grid CSS */
.vh-premium-hero-grid {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  align-items: center;
  gap: 42px;
}

/* Premium Hero Content CSS */
.vh-premium-hero-content {
  max-width: 560px;
}

/* Premium Hero H1 CSS */
.vh-premium-hero-h1 {
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  color: var(--theme-orange);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.2px;
}

/* Premium Hero H2 CSS */
.vh-premium-hero-h2 {
  margin: 0;
  color: var(--hero-dark);
  font-size: clamp(40px, 4.2vw, 60px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -2px;
}

.vh-premium-hero-h2 span {
  color: var(--theme-blue);
}

/* Premium Hero Features CSS */
.vh-premium-hero-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px 26px;
  margin-top: 28px;
}

.vh-premium-hero-features span {
  color: var(--hero-dark);
  font-size: 15px;
  font-weight: 700;
}

.vh-premium-hero-features span::before {
  content: "✓";
  margin-right: 9px;
  color: var(--theme-blue);
  font-weight: 900;
}

/* Premium Hero Buttons CSS */
.vh-premium-hero-actions {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 32px;
}

.vh-premium-hero-btn,
.vh-premium-hero-outline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 25px;
  border-radius: 14px;
  font-size: 14.5px;
  font-weight: 800;
  text-decoration: none;
  transition: 0.25s ease;
}

.vh-premium-hero-btn {
  background: var(--theme-blue);
  color: var(--white);
  box-shadow: 0 16px 34px rgba(12, 105, 240, 0.22);
}

.vh-premium-hero-btn:hover {
  background: #10212a;
  color: var(--white);
  transform: translateY(-3px);
}

.vh-premium-hero-outline-btn {
  background: var(--white);
  color: var(--hero-dark);
  border: 1px solid rgba(12, 105, 240, 0.16);
}

.vh-premium-hero-outline-btn:hover {
  color: var(--theme-blue);
  border-color: var(--theme-blue);
  transform: translateY(-3px);
}

/* Premium Hero Proof Row CSS */
.vh-premium-hero-proof {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 30px;
}

/* Premium Hero Guarantee Badge CSS */
.vh-premium-hero-guarantee {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, #ffffff 0%, #f7f8ff 100%);
  color: var(--hero-dark);
  font-size: 14px;
  font-weight: 800;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 14px 34px rgba(12, 105, 240, 0.08);
}

/* Premium Hero Guarantee Icon CSS */
.vh-premium-hero-guarantee span {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 12px;
  background: #22c55e;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}



/* Premium Hero Image Wrapper CSS */
.vh-premium-hero-image-wrap {
  position: relative;
}

/* Premium Hero Image Card CSS */
.vh-premium-hero-image-card {
  position: relative;
  max-width: 620px;
  margin-left: auto;
  padding: 30px;
  border-radius: 34px;
  background: linear-gradient(135deg, var(--theme-blue) 0%, #16168f 100%);
  box-shadow: 0 24px 60px rgba(12, 105, 240, 0.22);
}

.vh-premium-hero-image-card::after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: -16px;
  width: 105px;
  height: 105px;
  border-radius: 26px;
  background: var(--theme-orange);
  z-index: 0;
}

.vh-premium-hero-image-card img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
}

/* Premium Hero Tablet CSS */
@media (max-width: 991px) {
  .vh-premium-hero {
    padding: 40px 22px 65px;
  }

  .vh-premium-hero-grid {
    grid-template-columns: 1fr;
    gap: 45px;
    text-align: center;
  }

  .vh-premium-hero-content,
  .vh-premium-hero-image-card {
    margin: 0 auto;
  }

  .vh-premium-hero-actions,
  .vh-premium-hero-proof {
    justify-content: center;
  }
}

/* Premium Hero Mobile CSS */
@media (max-width: 575px) {
  .vh-premium-hero {
    padding: 32px 18px 50px;
  }

  .vh-premium-hero-h1 {
    font-size: 18px;
  }

  .vh-premium-hero-h2 {
    font-size: 38px;
    letter-spacing: -1.3px;
  }

  .vh-premium-hero-features {
    grid-template-columns: 1fr;
  }

  .vh-premium-hero-btn,
  .vh-premium-hero-outline-btn,
  .vh-premium-hero-guarantee {
    width: 100%;
  }

  .vh-premium-hero-image-card {
    padding: 24px;
    border-radius: 28px;
  }

  .vh-premium-hero-image-card::after {
    width: 90px;
    height: 90px;
    border-radius: 22px;
  }
}










/* Index Plans Section CSS */
.vh-index-plans {
  padding: 85px 24px;
  background: #ffffff;
}

/* Index Plans Container CSS */
.vh-index-plans-container {
  max-width: 1320px;
  margin: 0 auto;
}

/* Index Plans Header CSS */
.vh-index-plans-header {
  max-width: 850px;
  margin: 0 auto 48px;
  text-align: center;
}

.vh-index-plans-header span {
  display: inline-block;
  margin-bottom: 12px;
  color: #e9882a;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vh-index-plans-header h2 {
  margin: 0;
  color: #10212a;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1.4px;
}

/* Index Plans Grid CSS */
.vh-index-plans-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* Index Plan Card CSS */
.vh-index-plan-card {
  position: relative;
  padding: 30px 24px 26px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 18px 45px rgba(12, 105, 240, 0.08);
  transition: 0.25s ease;
}

.vh-index-plan-card:hover {
  transform: translateY(-7px);
  border-color: rgba(12, 105, 240, 0.25);
}

/* Index Plan Badge CSS */
.vh-index-plan-badge {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(233, 136, 42, 0.12);
  color: #e9882a;
  font-size: 12.5px;
  font-weight: 900;
}

/* Index Plan Title CSS */
.vh-index-plan-card h3 {
  margin: 0 0 20px;
  color: #10212a;
  font-size: 24px;
  font-weight: 900;
}

/* Index Plan Price CSS */
.vh-index-plan-price {
  margin-bottom: 24px;
}

.vh-index-plan-price small {
  display: block;
  margin-bottom: 7px;
  color: #5b6275;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.vh-index-plan-price strong {
  color: #0c69f0;
  font-size: 40px;
  line-height: 1;
  font-weight: 950;
}

.vh-index-plan-price span {
  color: #5b6275;
  font-size: 14px;
  font-weight: 800;
}

/* Index Plan Features CSS */
.vh-index-plan-features {
  list-style: none;
  padding: 22px 0;
  margin: 0 0 24px;
  border-top: 1px solid rgba(12, 105, 240, 0.09);
  border-bottom: 1px solid rgba(12, 105, 240, 0.09);
}

.vh-index-plan-features li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #5b6275;
  font-size: 14.5px;
  font-weight: 700;
  margin-bottom: 12px;
}

.vh-index-plan-features li:last-child {
  margin-bottom: 0;
}

.vh-index-plan-features li::before {
  content: "✓";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(12, 105, 240, 0.08);
  color: #0c69f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
}

/* Index Plan Button CSS */
.vh-index-plan-card a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 20px;
  border-radius: 14px;
  background: #0c69f0;
  color: #ffffff;
  font-size: 14.5px;
  font-weight: 900;
  text-decoration: none;
  transition: 0.25s ease;
}

.vh-index-plan-card a:hover {
  background: #e9882a;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Index Plans Tablet CSS */
@media (max-width: 1199px) {
  .vh-index-plans-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Index Plans Mobile CSS */
@media (max-width: 575px) {
  .vh-index-plans {
    padding: 65px 18px;
  }

  .vh-index-plans-header {
    margin-bottom: 34px;
  }

  .vh-index-plans-grid {
    grid-template-columns: 1fr;
  }

  .vh-index-plan-card {
    padding: 28px 22px;
  }
}






/* Index Why Us Section CSS */
.vh-index-why-us {
  padding: 90px 24px;
  background: #ffffff;
}

/* Index Why Us Container CSS */
.vh-index-why-container {
  max-width: 1320px;
  margin: 0 auto;
}

/* Index Why Us Header CSS */
.vh-index-why-header {
  max-width: 850px;
  margin: 0 auto 52px;
  text-align: center;
}

.vh-index-why-header span {
  display: inline-block;
  margin-bottom: 12px;
  color: #e9882a;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vh-index-why-header h2 {
  margin: 0;
  color: #10212a;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1.4px;
}

/* Index Why Us Grid CSS */
.vh-index-why-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: center;
  gap: 60px;
}

/* Index Why Us Image CSS */
.vh-index-why-image {
  position: relative;
  padding: 32px;
  border-radius: 34px;
  background: linear-gradient(135deg, #0c69f0 0%, #16168f 100%);
  box-shadow: 0 26px 70px rgba(12, 105, 240, 0.22);
}

.vh-index-why-image::after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: -16px;
  width: 120px;
  height: 120px;
  border-radius: 28px;
  background: #e9882a;
  z-index: 0;
}

.vh-index-why-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
}

/* Index Why Us Content CSS */
.vh-index-why-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* Index Why Us Card CSS */
.vh-index-why-card {
  padding: 24px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 18px 45px rgba(12, 105, 240, 0.08);
  transition: 0.25s ease;
}

.vh-index-why-card:hover {
  transform: translateY(-6px);
  border-color: rgba(12, 105, 240, 0.24);
}

/* Index Why Us Icon CSS */
.vh-index-why-icon {
  width: 54px;
  height: 54px;
  margin-bottom: 18px;
  border-radius: 16px;
  background: rgba(12, 105, 240, 0.08);
  color: #0c69f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  transition: 0.25s ease;
}

.vh-index-why-card:hover .vh-index-why-icon {
  background: #0c69f0;
  color: #ffffff;
}

/* Index Why Us Text CSS */
.vh-index-why-card h3 {
  margin: 0 0 10px;
  color: #10212a;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 900;
}

.vh-index-why-card p {
  margin: 0;
  color: #5b6275;
  font-size: 14.5px;
  line-height: 1.65;
  font-weight: 500;
}

/* Index Why Us Tablet CSS */
@media (max-width: 991px) {
  .vh-index-why-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .vh-index-why-image {
    max-width: 650px;
    margin: 0 auto;
  }
}

/* Index Why Us Mobile CSS */
@media (max-width: 575px) {
  .vh-index-why-us {
    padding: 65px 18px;
  }

  .vh-index-why-header {
    margin-bottom: 34px;
  }

  .vh-index-why-content {
    grid-template-columns: 1fr;
  }

  .vh-index-why-card {
    padding: 22px;
  }

  .vh-index-why-image {
    padding: 24px;
    border-radius: 28px;
  }

  .vh-index-why-image::after {
    width: 90px;
    height: 90px;
    border-radius: 22px;
  }
}




/* Index Testimonials Section CSS */
.vh-index-testimonials {
  padding: 90px 24px;
  background: #ffffff;
}

/* Index Testimonials Container CSS */
.vh-index-testimonials-container {
  max-width: 1320px;
  margin: 0 auto;
}

/* Index Testimonials Header CSS */
.vh-index-testimonials-header {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 48px;
  text-align: center;
}

.vh-index-testimonials-header span {
  display: inline-block;
  margin-bottom: 12px;
  color: #e9882a;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vh-index-testimonials-header h2 {
  margin: 0;
  color: #10212a;
  font-size: clamp(34px, 3.4vw, 50px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1.4px;
  white-space: nowrap;
}

/* Index Testimonials Grid CSS */
.vh-index-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Index Testimonial Card CSS */
.vh-index-testimonial-card {
  position: relative;
  padding: 30px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 18px 45px rgba(12, 105, 240, 0.08);
  transition: 0.25s ease;
}

.vh-index-testimonial-card:hover {
  transform: translateY(-6px);
  border-color: rgba(12, 105, 240, 0.24);
}

/* Index Testimonial Stars CSS */
.vh-index-testimonial-stars {
  margin-bottom: 18px;
  color: #e9882a;
  font-size: 18px;
  letter-spacing: 2px;
}

/* Index Testimonial Text CSS */
.vh-index-testimonial-card p {
  margin: 0 0 28px;
  color: #5b6275;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
}

/* Index Testimonial Author CSS */
.vh-index-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Index Testimonial Avatar CSS */
.vh-index-testimonial-avatar {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #0c69f0;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 900;
}

/* Index Testimonial Author Text CSS */
.vh-index-testimonial-author h3 {
  margin: 0 0 4px;
  color: #10212a;
  font-size: 17px;
  font-weight: 900;
}

.vh-index-testimonial-author span {
  color: #5b6275;
  font-size: 13.5px;
  font-weight: 700;
}

/* Index Testimonials Tablet CSS */
@media (max-width: 991px) {
  .vh-index-testimonials-grid {
    grid-template-columns: 1fr 1fr;
  }

  .vh-index-testimonials-header h2 {
    white-space: normal;
  }
}

/* Index Testimonials Mobile CSS */
@media (max-width: 575px) {
  .vh-index-testimonials {
    padding: 65px 18px;
  }

  .vh-index-testimonials-header {
    margin-bottom: 34px;
  }

  .vh-index-testimonials-header h2 {
    font-size: 34px;
  }

  .vh-index-testimonials-grid {
    grid-template-columns: 1fr;
  }

  .vh-index-testimonial-card {
    padding: 26px 22px;
  }
}







/* Index FAQ Section CSS */
.vh-index-faq {
  padding: 90px 24px;
  background: #ffffff;
}

/* Index FAQ Container CSS */
.vh-index-faq-container {
  max-width: 1320px;
  margin: 0 auto;
}

/* Index FAQ Grid CSS */
.vh-index-faq-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 60px;
  align-items: start;
}

/* Index FAQ Left Content CSS */
.vh-index-faq-left span {
  display: inline-block;
  margin-bottom: 12px;
  color: #e9882a;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vh-index-faq-left h2 {
  margin: 0;
  color: #10212a;
  font-size: clamp(34px, 3.5vw, 52px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1.4px;
}

.vh-index-faq-left > p {
  max-width: 520px;
  margin: 20px 0 0;
  color: #5b6275;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
}

/* Index FAQ Help Card CSS */
.vh-index-faq-help {
  margin-top: 32px;
  padding: 28px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.18), transparent 40%),
    linear-gradient(135deg, #0c69f0 0%, #0c69f0 100%);
  color: #ffffff;
}

.vh-index-faq-help h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
}

.vh-index-faq-help p {
  margin: 0 0 22px;
  color: #cfd2ff;
  font-size: 15px;
  line-height: 1.7;
}

.vh-index-faq-help a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 13px 20px;
  border-radius: 14px;
  background: #e9882a;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  transition: 0.25s ease;
}

.vh-index-faq-help a:hover {
  background: #0c69f0;
  transform: translateY(-2px);
}

/* Index FAQ Accordion CSS */
.vh-index-faq-right {
  display: grid;
  gap: 16px;
}

.vh-index-faq-item {
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 16px 38px rgba(12, 105, 240, 0.07);
  overflow: hidden;
}

.vh-index-faq-item summary {
  cursor: pointer;
  padding: 22px 62px 22px 24px;
  color: #10212a;
  font-size: 17px;
  font-weight: 850;
  list-style: none;
  position: relative;
}

.vh-index-faq-item summary::-webkit-details-marker {
  display: none;
}

.vh-index-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 24px;
  top: 50%;
  width: 34px;
  height: 34px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(12, 105, 240, 0.08);
  color: #0c69f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 800;
}

.vh-index-faq-item[open] summary::after {
  content: "−";
  background: rgba(233, 136, 42, 0.12);
  color: #e9882a;
}

.vh-index-faq-item p {
  margin: 0;
  padding: 0 24px 24px;
  color: #5b6275;
  font-size: 15px;
  line-height: 1.75;
}

/* Index FAQ Tablet CSS */
@media (max-width: 991px) {
  .vh-index-faq-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .vh-index-faq-left {
    text-align: center;
  }

  .vh-index-faq-left > p {
    margin-left: auto;
    margin-right: auto;
  }

  .vh-index-faq-help {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Index FAQ Mobile CSS */
@media (max-width: 575px) {
  .vh-index-faq {
    padding: 65px 18px;
  }

  .vh-index-faq-left h2 {
    font-size: 34px;
  }

  .vh-index-faq-help {
    padding: 24px;
  }

  .vh-index-faq-item summary {
    padding: 20px 58px 20px 20px;
    font-size: 16px;
  }

  .vh-index-faq-item p {
    padding: 0 20px 22px;
    font-size: 14.5px;
  }
}




/* Service Plans Section CSS */
.vh-service-plans {
  padding: 85px 24px;
  background: #ffffff;
}

/* Service Plans Container CSS */
.vh-service-plans-container {
  max-width: 1320px;
  margin: 0 auto;
}

/* Service Plans Header CSS */
.vh-service-plans-header {
  width: 100%;
  margin: 0 auto 48px;
  text-align: center;
}

.vh-service-plans-header span {
  display: inline-block;
  margin-bottom: 12px;
  color: #e9882a;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vh-service-plans-header h2 {
  margin: 0;
  color: #10212a;
  font-size: clamp(34px, 3.4vw, 50px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1.4px;
}

/* Service Plans Grid CSS */
.vh-service-plans-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

/* Service Plan Card CSS */
.vh-service-plan-card {
  position: relative;
  padding: 30px 24px 26px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 18px 45px rgba(12, 105, 240, 0.08);
  transition: 0.25s ease;
}

.vh-service-plan-card:hover {
  transform: translateY(-7px);
  border-color: rgba(12, 105, 240, 0.25);
}

/* Service Plan Popular Card CSS */
.vh-service-plan-popular {
  border-color: rgba(233, 136, 42, 0.35);
}

/* Service Plan Save Badge CSS */
.vh-service-plan-save {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(233, 136, 42, 0.12);
  color: #e9882a;
  font-size: 12.5px;
  font-weight: 900;
}

/* Service Plan Title CSS */
.vh-service-plan-card h3 {
  margin: 0 0 20px;
  color: #10212a;
  font-size: 23px;
  line-height: 1.2;
  font-weight: 900;
}

/* Service Plan Price CSS */
.vh-service-plan-price {
  margin-bottom: 24px;
}

.vh-service-plan-price del {
  display: block;
  margin-bottom: 6px;
  color: #8b91a3;
  font-size: 15px;
  font-weight: 700;
}

.vh-service-plan-price strong {
  color: #0c69f0;
  font-size: 40px;
  line-height: 1;
  font-weight: 950;
}

.vh-service-plan-price span {
  color: #5b6275;
  font-size: 14px;
  font-weight: 800;
}

/* Service Plan Features CSS */
.vh-service-plan-card ul {
  list-style: none;
  padding: 22px 0;
  margin: 0 0 24px;
  border-top: 1px solid rgba(12, 105, 240, 0.09);
  border-bottom: 1px solid rgba(12, 105, 240, 0.09);
}

.vh-service-plan-card li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #5b6275;
  font-size: 14.5px;
  font-weight: 700;
  margin-bottom: 12px;
}

.vh-service-plan-card li:last-child {
  margin-bottom: 0;
}

.vh-service-plan-card li::before {
  content: "✓";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(12, 105, 240, 0.08);
  color: #0c69f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
  flex: 0 0 auto;
}

/* Service Plan Button CSS */
.vh-service-plan-card a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 20px;
  border-radius: 14px;
  background: #0c69f0;
  color: #ffffff;
  font-size: 14.5px;
  font-weight: 900;
  text-decoration: none;
  transition: 0.25s ease;
}

.vh-service-plan-card a:hover {
  background: #e9882a;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Service Plans Tablet CSS */
@media (max-width: 1199px) {
  .vh-service-plans-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Service Plans Mobile CSS */
@media (max-width: 575px) {
  .vh-service-plans {
    padding: 65px 18px;
  }

  .vh-service-plans-header {
    margin-bottom: 34px;
  }

  .vh-service-plans-header h2 {
    font-size: 34px;
  }

  .vh-service-plans-grid {
    grid-template-columns: 1fr;
  }

  .vh-service-plan-card {
    padding: 28px 22px;
  }
}


/* Service Plans Three Cards Center CSS */
.vh-service-plans-three .vh-service-plans-grid {
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  max-width: 1020px;
  margin: 0 auto;
}

/* Service Plans Three Cards Tablet CSS */
@media (max-width: 991px) {
  .vh-service-plans-three .vh-service-plans-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 720px;
  }
}

/* Service Plans Three Cards Mobile CSS */
@media (max-width: 575px) {
  .vh-service-plans-three .vh-service-plans-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}








/* Service Benefits Section CSS */
.vh-service-benefits {
  padding: 90px 24px;
  background: #ffffff;
}

/* Service Benefits Container CSS */
.vh-service-benefits-container {
  max-width: 1320px;
  margin: 0 auto;
}

/* Service Benefits Header CSS */
.vh-service-benefits-header {
  max-width: 980px;
  margin: 0 auto 48px;
  text-align: center;
}

.vh-service-benefits-header span {
  display: inline-block;
  margin-bottom: 12px;
  color: #e9882a;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vh-service-benefits-header h2 {
  margin: 0;
  color: #10212a;
  font-size: clamp(34px, 3.4vw, 50px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1.4px;
}

.vh-service-benefits-header p {
  margin: 20px auto 0;
  color: #5b6275;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
}

/* Service Benefits Grid CSS */
.vh-service-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

/* Service Benefit Card CSS */
.vh-service-benefit-card {
  padding: 28px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 18px 45px rgba(12, 105, 240, 0.08);
  transition: 0.25s ease;
}

.vh-service-benefit-card:hover {
  transform: translateY(-6px);
  border-color: rgba(12, 105, 240, 0.24);
}

/* Service Benefit Icon CSS */
.vh-service-benefit-card i {
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  border-radius: 16px;
  background: rgba(12, 105, 240, 0.08);
  color: #0c69f0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  transition: 0.25s ease;
}

.vh-service-benefit-card:hover i {
  background: #0c69f0;
  color: #ffffff;
}

/* Service Benefit Text CSS */
.vh-service-benefit-card h3 {
  margin: 0 0 10px;
  color: #10212a;
  font-size: 20px;
  font-weight: 900;
}

.vh-service-benefit-card p {
  margin: 0;
  color: #5b6275;
  font-size: 14.5px;
  line-height: 1.65;
}

/* Service Benefits Tablet CSS */
@media (max-width: 991px) {
  .vh-service-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Service Benefits Mobile CSS */
@media (max-width: 575px) {
  .vh-service-benefits {
    padding: 65px 18px;
  }

  .vh-service-benefits-header {
    margin-bottom: 34px;
  }

  .vh-service-benefits-header h2 {
    font-size: 34px;
  }

  .vh-service-benefits-grid {
    grid-template-columns: 1fr;
  }

  .vh-service-benefit-card {
    padding: 24px;
  }
}








/* Legal Hero Section CSS */
.vh-legal-hero {
  padding: 85px 24px 70px;
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.14), transparent 36%),
    #ffffff;
}

/* Legal Hero Container CSS */
.vh-legal-hero-container {
  max-width: 1180px;
  margin: 0 auto;
}

/* Legal Hero Content CSS */
.vh-legal-hero-content {
  max-width: 850px;
}

.vh-legal-hero-content span {
  color: #e9882a;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vh-legal-hero-content h1 {
  margin: 14px 0 18px;
  color: #10212a;
  font-size: clamp(44px, 5vw, 72px);
  line-height: 1.03;
  font-weight: 900;
  letter-spacing: -2.4px;
}

.vh-legal-hero-content p {
  max-width: 760px;
  margin: 0;
  color: #5b6275;
  font-size: 17px;
  line-height: 1.75;
}

/* Legal Hero Meta CSS */
.vh-legal-hero-meta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px;
}

.vh-legal-hero-meta div {
  padding: 16px 22px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 14px 34px rgba(12, 105, 240, 0.08);
}

.vh-legal-hero-meta strong {
  display: block;
  color: #0c69f0;
  font-size: 20px;
  font-weight: 900;
}

.vh-legal-hero-meta small {
  color: #5b6275;
  font-size: 13px;
  font-weight: 700;
}

/* Legal Body Section CSS */
.vh-legal-body {
  padding: 30px 24px 90px;
  background: #ffffff;
}

.vh-legal-body-container {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 34px;
  align-items: start;
}

/* Legal Sidebar CSS */
.vh-legal-body-sidebar {
  position: sticky;
  top: 110px;
  padding: 26px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.22), transparent 40%),
    linear-gradient(135deg, #0c69f0 0%, #0c69f0 100%);
}

.vh-legal-body-sidebar span {
  display: block;
  margin-bottom: 18px;
  color: #e9882a;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.vh-legal-body-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vh-legal-body-sidebar li {
  color: #cfd2ff;
  font-size: 14.5px;
  font-weight: 700;
  padding: 11px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/* Legal Content CSS */
.vh-legal-body-content {
  display: grid;
  gap: 18px;
}

.vh-legal-body-content article {
  padding: 30px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(12, 105, 240, 0.1);
  box-shadow: 0 16px 38px rgba(12, 105, 240, 0.07);
}

.vh-legal-body-content h2 {
  margin: 0 0 12px;
  color: #10212a;
  font-size: 23px;
  font-weight: 900;
}

.vh-legal-body-content p {
  margin: 0;
  color: #5b6275;
  font-size: 15.5px;
  line-height: 1.75;
}

/* Legal Responsive CSS */
@media (max-width: 991px) {
  .vh-legal-body-container {
    grid-template-columns: 1fr;
  }

  .vh-legal-body-sidebar {
    position: relative;
    top: auto;
  }
}

@media (max-width: 575px) {
  .vh-legal-hero {
    padding: 60px 18px 45px;
  }

  .vh-legal-body {
    padding: 20px 18px 65px;
  }

  .vh-legal-hero-content h1 {
    font-size: 40px;
  }

  .vh-legal-body-content article,
  .vh-legal-body-sidebar {
    padding: 24px;
  }
}






/* Home Counter Section CSS */
.vh-home-counter {
  padding: 90px 24px;
  background: #ffffff;
}

/* Home Counter Container CSS */
.vh-home-counter-container {
  max-width: 1320px;
  margin: 0 auto;
}

/* Home Counter Box CSS */
.vh-home-counter-box {
  padding: 55px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.24), transparent 38%),
    linear-gradient(135deg, #0c69f0 0%, #0c69f0 100%);
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 50px;
  align-items: center;
}

/* Home Counter Content CSS */
.vh-home-counter-content span {
  display: inline-block;
  margin-bottom: 12px;
  color: #e9882a;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.vh-home-counter-content h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(34px, 3.5vw, 52px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1.4px;
}

.vh-home-counter-content p {
  margin: 18px 0 0;
  color: #cfd2ff;
  font-size: 16px;
  line-height: 1.75;
}

/* Home Counter Grid CSS */
.vh-home-counter-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

/* Home Counter Card CSS */
.vh-home-counter-card {
  padding: 30px 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.13);
  text-align: center;
}

.vh-home-counter-card strong {
  display: block;
  color: #ffffff;
  font-size: clamp(36px, 3vw, 52px);
  line-height: 1;
  font-weight: 950;
}

.vh-home-counter-card p {
  margin: 12px 0 0;
  color: #cfd2ff;
  font-size: 15px;
  font-weight: 800;
}

/* Home Counter Responsive CSS */
@media (max-width: 991px) {
  .vh-home-counter-box {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .vh-home-counter {
    padding: 65px 18px;
  }

  .vh-home-counter-box {
    padding: 32px 22px;
  }

  .vh-home-counter-grid {
    grid-template-columns: 1fr;
  }
}










/* VeltrixHost conversion and SEO helpers - matched to existing theme */
.vh-seo-policy-note,
.vh-conversion-cta{
  position:relative;
  overflow:hidden;
  padding:90px 24px;
  background:#ffffff;
  color:#ffffff;
}
.vh-seo-policy-note::before,
.vh-conversion-cta::before{display:none;}
.vh-seo-policy-note .vh-seo-policy-container,
.vh-conversion-cta .vh-conversion-container{
  position:relative;
  z-index:1;
  max-width:1320px;
  margin:0 auto;
  border-radius:34px;
  background:
    radial-gradient(circle at top right, rgba(12, 105, 240, 0.28), transparent 38%),
    linear-gradient(135deg, #0c69f0 0%, #0c69f0 100%);
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.vh-seo-policy-note .vh-seo-policy-container{padding:55px;}
.vh-seo-policy-note .vh-seo-policy-container::after{
  content:"";
  position:absolute;
  right:-16px;
  bottom:-16px;
  width:120px;
  height:120px;
  border-radius:28px;
  background:#e9882a;
  opacity:1;
  z-index:-1;
}
.vh-seo-policy-note span,
.vh-conversion-cta span{
  display:inline-block;
  margin:0 0 12px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#e9882a;
  font-family:var(--vh-font-primary);
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
  line-height:1.2;
}
.vh-seo-policy-note h2,
.vh-conversion-cta h2{
  margin:0;
  color:#ffffff;
  font-family:var(--vh-font-primary);
  font-size:clamp(34px, 3.5vw, 52px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-1.4px;
}
.vh-seo-policy-note p,
.vh-conversion-cta p{
  margin:18px 0 0;
  color:#cfd2ff;
  font-family:var(--vh-font-primary);
  font-size:16px;
  line-height:1.75;
  font-weight:500;
}
.vh-seo-policy-note p{max-width:860px;}
.vh-conversion-cta{text-align:center;}
.vh-conversion-cta::after{display:none;}
.vh-conversion-cta .vh-conversion-container{
  max-width:1320px;
  padding:58px 34px;
}
.vh-conversion-cta p{
  max-width:780px;
  margin:18px auto 0;
}
.vh-conversion-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
  margin-top:30px;
}
.vh-conversion-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:52px;
  padding:0 25px;
  border-radius:14px;
  font-family:var(--vh-font-primary);
  font-size:14.5px;
  font-weight:900;
  text-decoration:none;
  transition:0.25s ease;
}
.vh-conversion-actions a:first-child{
  background:#e9882a;
  color:#ffffff;
  box-shadow:0 12px 30px rgba(233, 136, 42, 0.28);
}
.vh-conversion-actions a:first-child:hover{
  background:#0c69f0;
  color:#ffffff;
  transform:translateY(-2px);
}
.vh-conversion-actions a.vh-conversion-outline{
  background:rgba(255,255,255,0.08);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.14);
}
.vh-conversion-actions a.vh-conversion-outline:hover{
  background:#0c69f0;
  border-color:#0c69f0;
  color:#ffffff;
  transform:translateY(-2px);
}
.vh-legal-hero-h2{
  margin:8px 0 14px;
  font-size:clamp(24px,3vw,38px);
  line-height:1.15;
  color:inherit;
}
@media(max-width:991px){
  .vh-seo-policy-note,
  .vh-conversion-cta{padding:70px 24px;}
  .vh-seo-policy-note .vh-seo-policy-container,
  .vh-conversion-cta .vh-conversion-container{text-align:center;}
  .vh-seo-policy-note p{margin-left:auto;margin-right:auto;}
}
@media(max-width:575px){
  .vh-seo-policy-note,
  .vh-conversion-cta{padding:65px 18px;}
  .vh-seo-policy-note .vh-seo-policy-container,
  .vh-conversion-cta .vh-conversion-container{
    padding:32px 22px;
    border-radius:28px;
  }
  .vh-seo-policy-note .vh-seo-policy-container::after{
    width:90px;
    height:90px;
    border-radius:22px;
  }
  .vh-seo-policy-note h2,
  .vh-conversion-cta h2{font-size:34px;}
  .vh-seo-policy-note p,
  .vh-conversion-cta p{
    font-size:15px;
    line-height:1.7;
  }
  .vh-conversion-actions a{width:100%;}
}


/* VeltrixHost Global Typography + Hero Conversion Refresh CSS */
:root{
  --vh-font-primary: "Manrope", Arial, sans-serif;
  --vh-ink: #10212a;
  --vh-deep: #050817;
  --vh-deep-2: #10212a;
  --vh-blue: #0c69f0;
  --vh-blue-soft: #0c69f0;
  --vh-orange: #e9882a;
  --vh-orange-bright: #e9882a;
  --vh-muted-blue: #cfd2ff;
}

html,
body,
button,
input,
textarea,
select,
a,
p,
li,
span,
label,
summary,
details,
table,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: var(--vh-font-primary) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ri-"],
[class*=" ri-"]{
  font-family: "remixicon" !important;
}

[class^="icon-"],
[class*=" icon-"]{
  font-family: "icomoon" !important;
}

body{
  font-weight: 500;
  letter-spacing: -0.01em;
}

.site-header,
.footer-main{
  font-family: var(--vh-font-primary) !important;
}

.desktop-nav a,
.client-btn,
.footer-link ul li a,
.footer-contact-item,
.footer-bottom,
.vh-premium-hero-btn,
.vh-premium-hero-outline-btn,
.vh-conversion-actions a{
  letter-spacing: -0.015em;
}

/* Dark premium hero refresh */
.vh-premium-hero{
  padding: clamp(62px, 7vw, 92px) 24px clamp(64px, 7vw, 86px) !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(12,105,240,.44), transparent 32%),
    radial-gradient(circle at 15% 76%, rgba(233,136,42,.20), transparent 32%),
    linear-gradient(135deg, #050817 0%, #10212a 47%, #0c69f0 100%) !important;
  isolation: isolate;
}

.vh-premium-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at 58% 45%, #000 0%, transparent 72%);
  pointer-events:none;
  z-index:-1;
}

.vh-premium-hero-content{
  position:relative;
  z-index:2;
}

.vh-premium-hero-h1{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:18px !important;
  padding:9px 14px !important;
  border:1px solid rgba(233,136,42,.26);
  border-radius:999px;
  background:rgba(233,136,42,.12) !important;
  color:var(--vh-orange-bright) !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
}

.vh-premium-hero-h1::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--vh-orange-bright);
  box-shadow:0 0 18px rgba(233,136,42,.85);
}

.vh-premium-hero-h2{
  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:-2.2px !important;
  text-wrap: balance;
}

.vh-premium-hero-h2 span{
  color:#0c69f0 !important;
}

.vh-premium-hero-features span{
  color:#dce7ff !important;
  font-weight:750 !important;
}

.vh-premium-hero-features span::before{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:8px;
  margin-right:8px !important;
  background:rgba(233,136,42,.14);
  color:var(--vh-orange-bright) !important;
  box-shadow:inset 0 0 0 1px rgba(233,136,42,.18);
}

.vh-premium-hero-btn,
.vh-premium-hero-outline-btn{
  min-height:52px;
  border-radius:16px !important;
  font-weight:900 !important;
}

.vh-premium-hero-btn{
  background:linear-gradient(135deg, var(--vh-orange) 0%, #e9882a 100%) !important;
  color:#ffffff !important;
  box-shadow:0 18px 45px rgba(233,136,42,.32) !important;
}

.vh-premium-hero-btn:hover{
  background:linear-gradient(135deg, #e9882a 0%, var(--vh-blue) 100%) !important;
  color:#ffffff !important;
  transform:translateY(-3px);
}

.vh-premium-hero-outline-btn{
  background:rgba(255,255,255,.075) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px);
}

.vh-premium-hero-outline-btn:hover{
  color:#ffffff !important;
  border-color:rgba(233,136,42,.55) !important;
  background:rgba(233,136,42,.12) !important;
}

.vh-premium-hero-guarantee{
  background:rgba(255,255,255,.075) !important;
  color:#eaf1ff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(12px);
}

.vh-premium-hero-guarantee span{
  background:linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
}

/* CSS/HTML hero visual replacing static hero images */
.vh-hero-visual{
  position:relative;
  min-height:540px;
  overflow:hidden;
  border-radius:34px;
  background:
    radial-gradient(circle at 72% 24%, rgba(12,105,240,.48), transparent 34%),
    radial-gradient(circle at 20% 78%, rgba(233,136,42,.22), transparent 28%),
    linear-gradient(145deg, rgba(7,18,41,.95) 0%, rgba(8,12,37,.98) 58%, rgba(12,18,55,.95) 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09);
  isolation:isolate;
}

.vh-hero-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:34px 34px;
  opacity:.45;
  z-index:-2;
}

.vh-hero-visual::after{
  content:"";
  position:absolute;
  right:-112px;
  top:-85px;
  width:330px;
  height:330px;
  border-radius:50%;
  border:1px solid rgba(12,105,240,.22);
  background:
    radial-gradient(circle, rgba(12,105,240,.42), transparent 58%),
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(12,105,240,.08) 21px 22px),
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(12,105,240,.06) 27px 28px);
  box-shadow:0 0 70px rgba(12,105,240,.32);
  opacity:.9;
  z-index:-1;
}

.vh-hero-visual-orbit{
  position:absolute;
  left:34px;
  right:34px;
  top:260px;
  height:170px;
  border:2px solid rgba(233,136,42,.42);
  border-left-color:transparent;
  border-right-color:transparent;
  border-radius:50%;
  transform:rotate(-8deg);
  filter:drop-shadow(0 0 18px rgba(233,136,42,.42));
  opacity:.78;
}

.vh-hero-server{
  position:absolute;
  right:88px;
  top:105px;
  width:190px;
  height:285px;
  padding:18px 15px;
  border-radius:24px;
  background:linear-gradient(145deg, #121a31 0%, #060b18 100%);
  border:1px solid rgba(12,105,240,.20);
  box-shadow:0 24px 55px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.05);
}

.vh-hero-server::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), transparent);
  pointer-events:none;
}

.vh-hero-server span{
  position:relative;
  display:block;
  height:22px;
  margin:0 0 12px;
  border-radius:8px;
  background:
    linear-gradient(90deg, rgba(233,136,42,.9) 0 11px, transparent 11px 26px, rgba(12,105,240,.92) 26px 48px, transparent 48px),
    linear-gradient(90deg, #111a32 0%, #0a1020 100%);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 0 12px rgba(0,0,0,.25);
}

.vh-hero-panel{
  position:absolute;
  left:34px;
  top:116px;
  width:min(340px, 55%);
  padding:22px;
  border-radius:24px;
  background:rgba(8,18,42,.76);
  border:1px solid rgba(12,105,240,.25);
  box-shadow:0 22px 55px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}

.vh-hero-panel-top{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:13px;
  color:#0c69f0;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.vh-hero-panel-top span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 16px rgba(34,197,94,.8);
}

.vh-hero-panel h3{
  margin:0;
  color:#ffffff;
  font-size:clamp(24px, 2.1vw, 34px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:-1px;
}

.vh-hero-panel p{
  margin:13px 0 0;
  color:#cfd2ff;
  font-size:14.5px;
  line-height:1.6;
  font-weight:600;
}

.vh-hero-meter{
  height:9px;
  margin:18px 0 18px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}

.vh-hero-meter span{
  display:block;
  width:92%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--vh-orange-bright), #0c69f0);
  box-shadow:0 0 18px rgba(233,136,42,.45);
}

.vh-hero-stats{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
}

.vh-hero-stats div{
  min-width:0;
  padding:11px 8px;
  border-radius:14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
}

.vh-hero-stats strong{
  display:block;
  color:#ffffff;
  font-size:16px;
  line-height:1.1;
  font-weight:900;
}

.vh-hero-stats small{
  display:block;
  margin-top:4px;
  color:#98b8ff;
  font-size:11px;
  line-height:1.15;
  font-weight:800;
}

.vh-hero-shield{
  position:absolute;
  right:42px;
  bottom:118px;
  width:122px;
  height:122px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:34px;
  background:linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 65px rgba(0,0,0,.32), 0 0 42px rgba(233,136,42,.18);
  backdrop-filter:blur(10px);
  transform:rotate(-4deg);
}

.vh-hero-shield i{
  font-size:64px;
  color:var(--vh-orange-bright);
  text-shadow:0 0 22px rgba(233,136,42,.65);
}

.vh-hero-feature-card{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:156px;
  padding:13px 15px;
  border-radius:18px;
  background:rgba(8,18,42,.74);
  border:1px solid rgba(12,105,240,.23);
  color:#ffffff;
  box-shadow:0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(14px);
}

.vh-hero-feature-card i{
  width:34px;
  height:34px;
  min-width:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(233,136,42,.13);
  color:var(--vh-orange-bright);
  font-size:20px;
}

.vh-hero-feature-card span{
  color:#f6f8ff;
  font-size:13.5px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.02em;
}

.vh-hero-feature-card--1{left:24px; top:24px;}
.vh-hero-feature-card--2{right:24px; top:28px;}
.vh-hero-feature-card--3{left:24px; bottom:102px;}
.vh-hero-feature-card--4{right:28px; bottom:28px;}

.vh-hero-bottom-strip{
  position:absolute;
  left:34px;
  right:34px;
  bottom:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(14px);
}

.vh-hero-bottom-strip span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#cfe0ff;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}

.vh-hero-bottom-strip i{
  color:#0c69f0;
  font-size:17px;
}

@media (max-width: 1199px){
  .vh-hero-feature-card{min-width:142px;}
  .vh-hero-server{right:64px;}
  .vh-hero-shield{right:32px;}
}

@media (max-width: 991px){
  .vh-premium-hero-h1{
    margin-left:auto;
    margin-right:auto;
  }
  .vh-hero-visual{
    max-width:640px;
    margin:0 auto;
    min-height:520px;
  }
}

@media (max-width: 575px){
  .vh-premium-hero-h2{
    letter-spacing:-1.4px !important;
  }
  .vh-hero-visual{
    min-height:620px;
    border-radius:28px;
  }
  .vh-hero-panel{
    left:18px;
    right:18px;
    top:118px;
    width:auto;
    padding:19px;
  }
  .vh-hero-server{
    right:22px;
    top:350px;
    width:150px;
    height:210px;
    opacity:.95;
  }
  .vh-hero-shield{
    left:22px;
    right:auto;
    bottom:80px;
    width:96px;
    height:96px;
    border-radius:26px;
  }
  .vh-hero-shield i{
    font-size:50px;
  }
  .vh-hero-feature-card{
    min-width:0;
    width:calc(50% - 28px);
    padding:11px 12px;
  }
  .vh-hero-feature-card--1{left:18px; top:18px;}
  .vh-hero-feature-card--2{right:18px; top:18px;}
  .vh-hero-feature-card--3{left:18px; bottom:18px;}
  .vh-hero-feature-card--4{right:18px; bottom:18px;}
  .vh-hero-bottom-strip{
    left:18px;
    right:18px;
    bottom:126px;
    flex-direction:column;
    align-items:flex-start;
  }
}


/* VeltrixHost Light Hero + SEO Content Refresh */
.vh-premium-hero{
  background:
    radial-gradient(circle at 78% 14%, rgba(12, 105, 240, .16), transparent 34%),
    radial-gradient(circle at 18% 74%, rgba(233, 136, 42, .16), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f5f9ff 43%, #eaf2ff 100%) !important;
  color:#10212a !important;
}

.vh-premium-hero::before{
  background:
    linear-gradient(rgba(12,105,240,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(12,105,240,.045) 1px, transparent 1px) !important;
  opacity:.85 !important;
  mask-image:radial-gradient(circle at 58% 45%, #000 0%, transparent 76%) !important;
}

.vh-premium-hero-h1{
  background:rgba(255,255,255,.88) !important;
  color:#e9882a !important;
  border-color:rgba(233,136,42,.25) !important;
  box-shadow:0 10px 28px rgba(233,136,42,.10) !important;
}

.vh-premium-hero-h2{
  color:#10212a !important;
  text-shadow:none !important;
}

.vh-premium-hero-h2 span{
  color:#0c69f0 !important;
}

.vh-premium-hero-features span{
  color:#26304d !important;
}

.vh-premium-hero-guarantee,
.vh-premium-hero-outline-btn{
  background:rgba(255,255,255,.90) !important;
  color:#10212a !important;
  border-color:rgba(12,105,240,.12) !important;
  box-shadow:0 16px 42px rgba(7,18,41,.08) !important;
}

.vh-premium-hero-outline-btn:hover{
  color:#ffffff !important;
}

.vh-hero-visual{
  background:
    radial-gradient(circle at 74% 20%, rgba(12,105,240,.22), transparent 36%),
    radial-gradient(circle at 19% 80%, rgba(233,136,42,.18), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.97) 0%, rgba(244,248,255,.96) 53%, rgba(231,240,255,.96) 100%) !important;
  border:1px solid rgba(12,105,240,.14) !important;
  box-shadow:0 24px 70px rgba(12,105,240,.14), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.vh-hero-visual::before{
  background:
    linear-gradient(rgba(12,105,240,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(12,105,240,.045) 1px, transparent 1px) !important;
  opacity:.75 !important;
}

.vh-hero-visual::after{
  background:
    radial-gradient(circle, rgba(12,105,240,.18), transparent 58%),
    repeating-linear-gradient(0deg, transparent 0 20px, rgba(12,105,240,.055) 21px 22px),
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(12,105,240,.045) 27px 28px) !important;
  border-color:rgba(12,105,240,.13) !important;
  box-shadow:0 0 70px rgba(12,105,240,.16) !important;
}

.vh-hero-panel,
.vh-hero-feature-card,
.vh-hero-bottom-strip{
  background:rgba(255,255,255,.80) !important;
  border-color:rgba(12,105,240,.12) !important;
  box-shadow:0 18px 46px rgba(12,105,240,.10), inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.vh-hero-panel-top{
  color:#0c69f0 !important;
}

.vh-hero-panel h3,
.vh-hero-feature-card span,
.vh-hero-stats strong{
  color:#10212a !important;
}

.vh-hero-panel p,
.vh-hero-stats small,
.vh-hero-bottom-strip span{
  color:#3f4a67 !important;
}

.vh-hero-stats div{
  background:rgba(12,105,240,.055) !important;
  border-color:rgba(12,105,240,.09) !important;
}

.vh-hero-bottom-strip i{
  color:#0c69f0 !important;
}

.vh-hero-shield{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(12,105,240,.13) !important;
  box-shadow:0 20px 60px rgba(233,136,42,.16), 0 0 42px rgba(12,105,240,.12) !important;
}

.vh-seo-growth-section{
  padding:clamp(68px, 7vw, 104px) 24px;
  background:linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  position:relative;
  overflow:hidden;
}

.vh-seo-growth-section::before{
  content:"";
  position:absolute;
  inset:auto -90px -160px auto;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(12,105,240,.10), transparent 65%);
  pointer-events:none;
}

.vh-seo-growth-container{
  max-width:1180px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.vh-seo-growth-head{
  max-width:850px;
  margin:0 auto 34px;
  text-align:center;
}

.vh-seo-growth-head span{
  display:inline-flex;
  align-items:center;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(233,136,42,.10);
  color:#e9882a;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.vh-seo-growth-head h2{
  margin:16px 0 12px;
  color:#10212a;
  font-size:clamp(30px, 4vw, 48px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-1.8px;
}

.vh-seo-growth-head p{
  margin:0;
  color:#5b6275;
  font-size:17px;
  line-height:1.75;
  font-weight:600;
}

.vh-seo-growth-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
  margin-bottom:26px;
}

.vh-seo-growth-card{
  padding:24px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid rgba(12,105,240,.09);
  box-shadow:0 18px 50px rgba(7,18,41,.06);
}

.vh-seo-growth-card i{
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(12,105,240,.10), rgba(233,136,42,.10));
  color:#0c69f0;
  font-size:25px;
}

.vh-seo-growth-card h3{
  margin:0 0 10px;
  color:#10212a;
  font-size:20px;
  line-height:1.22;
  font-weight:900;
  letter-spacing:-.5px;
}

.vh-seo-growth-card p{
  margin:0;
  color:#5b6275;
  font-size:15px;
  line-height:1.7;
  font-weight:600;
}

.vh-seo-growth-split{
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
  gap:22px;
  align-items:stretch;
}

.vh-seo-growth-copy,
.vh-seo-growth-table-wrap{
  padding:28px;
  border-radius:28px;
  background:#ffffff;
  border:1px solid rgba(12,105,240,.10);
  box-shadow:0 22px 60px rgba(7,18,41,.07);
}

.vh-seo-growth-copy h3,
.vh-seo-growth-table-wrap h3{
  margin:0 0 14px;
  color:#10212a;
  font-size:24px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.7px;
}

.vh-seo-growth-copy p{
  margin:0 0 14px;
  color:#5b6275;
  font-size:15.5px;
  line-height:1.75;
  font-weight:600;
}

.vh-seo-growth-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.vh-seo-growth-links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:11px 14px;
  border-radius:14px;
  background:rgba(12,105,240,.08);
  color:#0c69f0;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
}

.vh-seo-growth-links a:hover{
  background:#0c69f0;
  color:#ffffff;
}

.vh-seo-growth-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(12,105,240,.09);
}

.vh-seo-growth-table th,
.vh-seo-growth-table td{
  padding:14px 15px;
  border-bottom:1px solid rgba(12,105,240,.08);
  color:#5b6275;
  font-size:14.5px;
  line-height:1.55;
  vertical-align:top;
}

.vh-seo-growth-table thead th{
  background:#f0f5ff;
  color:#10212a;
  font-weight:900;
}

.vh-seo-growth-table tbody th{
  color:#10212a;
  font-weight:900;
  width:27%;
}

.vh-seo-growth-table tr:last-child th,
.vh-seo-growth-table tr:last-child td{
  border-bottom:0;
}

@media (max-width: 991px){
  .vh-seo-growth-grid,
  .vh-seo-growth-split{
    grid-template-columns:1fr;
  }
}

@media (max-width: 575px){
  .vh-seo-growth-section{
    padding:58px 18px;
  }
  .vh-seo-growth-card,
  .vh-seo-growth-copy,
  .vh-seo-growth-table-wrap{
    padding:21px;
    border-radius:22px;
  }
  .vh-seo-growth-table{
    display:block;
    overflow-x:auto;
    white-space:normal;
  }
}


/* VeltrixHost Solid Brand Refresh: primary #0c69f0, secondary #e9882a */
:root{
  --theme-blue:#0c69f0 !important;
  --theme-orange:#e9882a !important;
  --vh-blue:#0c69f0 !important;
  --vh-blue-soft:#0c69f0 !important;
  --vh-orange:#e9882a !important;
  --vh-orange-bright:#e9882a !important;
  --footer-dark:#0c69f0 !important;
  --footer-deep:#0c69f0 !important;
  --footer-text:#ffffff !important;
  --vh-section-grey:#f5f5f5;
  --vh-text-dark:#10212a;
}

html, body{
  background:#ffffff !important;
}

/* Top SEO bar */
.vh-topbar{
  width:100%;
  background:#ffffff;
  border-bottom:1px solid #eeeeee;
  color:#10212a;
  font-family:var(--vh-font-primary);
}
.vh-topbar-container{
  max-width:1320px;
  margin:0 auto;
  padding:10px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.vh-topbar-line{
  display:flex;
  align-items:center;
  gap:8px;
  color:#0c69f0;
  font-size:14px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-.01em;
}
.vh-topbar-line i{
  color:#e9882a;
  font-size:18px;
}
.vh-topbar-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.vh-topbar-links a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:7px 13px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid #e6e6e6;
  color:#0c69f0;
  font-size:13px;
  line-height:1;
  font-weight:900;
  text-decoration:none;
  transition:none !important;
}
.vh-topbar-links a:hover,
.vh-topbar-links a:focus{
  background:#ffffff !important;
  color:#0c69f0 !important;
  border-color:#e6e6e6 !important;
  transform:none !important;
}
.vh-topbar-links a.vh-topbar-login{
  background:#e9882a;
  border-color:#e9882a;
  color:#ffffff;
}
.vh-topbar-links a.vh-topbar-login:hover,
.vh-topbar-links a.vh-topbar-login:focus{
  background:#e9882a !important;
  border-color:#e9882a !important;
  color:#ffffff !important;
}

/* Header: solid primary blue, no hover color changes */
.site-header{
  background:#0c69f0 !important;
  background-image:none !important;
  box-shadow:none !important;
  border-bottom:0 !important;
}
.header-container{
  background:#0c69f0 !important;
  max-width:1320px !important;
  margin:0 auto !important;
  padding:18px 24px !important;
}
.desktop-nav a,
.dropdown > a{
  color:#ffffff !important;
  transition:none !important;
}
.desktop-nav a:hover,
.desktop-nav a:focus,
.dropdown:hover > a{
  color:#ffffff !important;
  background:transparent !important;
  transform:none !important;
}
.dropdown > a::after{
  color:#e9882a !important;
  transition:none !important;
}
.dropdown:hover > a::after{
  transform:none !important;
}
.dropdown-menu{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #eeeeee !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.dropdown-menu li a{
  color:#0c69f0 !important;
  background:#ffffff !important;
  transition:none !important;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus{
  color:#0c69f0 !important;
  background:#ffffff !important;
  padding-left:22px !important;
}
.mobile-menu-btn,
.mobile-close-btn,
.client-btn,
.mobile-client-btn,
.footer-btn,
.vh-premium-hero-btn,
.vh-premium-hero-outline-btn,
.vh-index-plan-card a,
.vh-service-plan-card a,
.vh-index-faq-help a,
.vh-conversion-actions a,
.vh-seo-growth-links a{
  background:#e9882a !important;
  background-image:none !important;
  color:#ffffff !important;
  border-color:#e9882a !important;
  box-shadow:none !important;
  transition:none !important;
}
.mobile-menu-btn:hover,
.mobile-close-btn:hover,
.client-btn:hover,
.mobile-client-btn:hover,
.footer-btn:hover,
.vh-premium-hero-btn:hover,
.vh-premium-hero-outline-btn:hover,
.vh-index-plan-card a:hover,
.vh-service-plan-card a:hover,
.vh-index-faq-help a:hover,
.vh-conversion-actions a:hover,
.vh-conversion-actions a:first-child:hover,
.vh-conversion-actions a.vh-conversion-outline:hover,
.vh-seo-growth-links a:hover,
.mobile-menu-btn:focus,
.mobile-close-btn:focus,
.client-btn:focus,
.mobile-client-btn:focus,
.footer-btn:focus,
.vh-premium-hero-btn:focus,
.vh-premium-hero-outline-btn:focus,
.vh-index-plan-card a:focus,
.vh-service-plan-card a:focus,
.vh-index-faq-help a:focus,
.vh-conversion-actions a:focus,
.vh-seo-growth-links a:focus{
  background:#e9882a !important;
  background-image:none !important;
  color:#ffffff !important;
  border-color:#e9882a !important;
  transform:none !important;
  box-shadow:none !important;
  padding-left:inherit;
}

/* Hero: plain white section, solid and simple */
.vh-premium-hero,
.vh-legal-hero{
  background:#ffffff !important;
  background-image:none !important;
  color:#10212a !important;
}
.vh-premium-hero::before,
.vh-legal-hero::before,
.vh-hero-visual::before,
.vh-hero-visual::after,
.vh-hero-visual-orbit,
.vh-seo-growth-section::before,
.vh-seo-policy-note::before,
.vh-conversion-cta::before,
.vh-conversion-cta::after,
.vh-seo-policy-note .vh-seo-policy-container::after,
.vh-index-why-image::after{
  display:none !important;
}
.vh-premium-hero-h1{
  background:#ffffff !important;
  color:#0c69f0 !important;
  border:1px solid #e6e6e6 !important;
  box-shadow:none !important;
}
.vh-premium-hero-h1::before{
  background:#e9882a !important;
  box-shadow:none !important;
}
.vh-premium-hero-h2,
.vh-premium-hero-h2 span{
  color:#10212a !important;
  text-shadow:none !important;
}
.vh-premium-hero-h2 span,
.vh-index-plan-price strong,
.vh-service-plan-price strong,
.vh-seo-growth-card i,
.vh-service-benefit-card i,
.vh-index-why-icon,
.vh-home-counter-card strong{
  color:#0c69f0 !important;
}
.vh-premium-hero-features span,
.vh-premium-hero-guarantee,
.vh-premium-hero-outline-btn{
  color:#10212a !important;
}
.vh-premium-hero-features span::before,
.vh-premium-hero-guarantee span,
.vh-index-plan-features li::before,
.vh-service-plan-features li::before{
  background:#e9882a !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

/* Right-side hero visual: clean solid-card style */
.vh-hero-visual{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #eeeeee !important;
  box-shadow:none !important;
}
.vh-hero-server{
  background:#0c69f0 !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.vh-hero-server::before{
  display:none !important;
}
.vh-hero-server span{
  background:#ffffff !important;
  border:0 !important;
  box-shadow:none !important;
}
.vh-hero-panel,
.vh-hero-feature-card,
.vh-hero-bottom-strip,
.vh-hero-stats div,
.vh-hero-shield{
  background:#f5f5f5 !important;
  background-image:none !important;
  border:1px solid #eeeeee !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.vh-hero-panel-top,
.vh-hero-bottom-strip i,
.vh-hero-feature-card i,
.vh-hero-shield i{
  color:#0c69f0 !important;
  text-shadow:none !important;
}
.vh-hero-feature-card i{
  background:#ffffff !important;
}
.vh-hero-panel h3,
.vh-hero-feature-card span,
.vh-hero-stats strong{
  color:#10212a !important;
}
.vh-hero-panel p,
.vh-hero-stats small,
.vh-hero-bottom-strip span{
  color:#4f4f4f !important;
}
.vh-hero-meter{
  background:#eeeeee !important;
}
.vh-hero-meter span{
  background:#e9882a !important;
  box-shadow:none !important;
}

/* Solid alternating sections */
.vh-index-plans,
.vh-service-plans,
.vh-home-counter,
.vh-seo-growth-section,
.vh-index-faq,
.vh-legal-body{
  background:#f5f5f5 !important;
  background-image:none !important;
}
.vh-index-why-us,
.vh-index-testimonials,
.vh-service-benefits,
.vh-seo-policy-note,
.vh-conversion-cta{
  background:#ffffff !important;
  background-image:none !important;
}
.vh-index-plan-card,
.vh-index-why-card,
.vh-index-testimonial-card,
.vh-home-counter-card,
.vh-service-plan-card,
.vh-service-benefit-card,
.vh-seo-growth-card,
.vh-seo-growth-copy,
.vh-seo-growth-table-wrap,
.vh-index-faq-item,
.vh-index-faq-help,
.vh-legal-card{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #eeeeee !important;
  box-shadow:none !important;
}
.vh-index-plan-card:hover,
.vh-index-why-card:hover,
.vh-index-testimonial-card:hover,
.vh-service-plan-card:hover,
.vh-service-benefit-card:hover,
.vh-seo-growth-card:hover{
  transform:none !important;
  border-color:#eeeeee !important;
  box-shadow:none !important;
}
.vh-index-why-card:hover .vh-index-why-icon,
.vh-service-benefit-card:hover i{
  transform:none !important;
}
.vh-seo-policy-note .vh-seo-policy-container,
.vh-conversion-cta .vh-conversion-container{
  background:#0c69f0 !important;
  background-image:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.vh-seo-policy-note span,
.vh-conversion-cta span{
  color:#ffffff !important;
}
.vh-seo-policy-note h2,
.vh-conversion-cta h2,
.vh-seo-policy-note p,
.vh-conversion-cta p{
  color:#ffffff !important;
}
.vh-seo-growth-head span,
.vh-index-plans-header span,
.vh-service-plans-header span,
.vh-service-benefits-header span,
.vh-index-testimonials-header span,
.vh-index-faq-left span{
  color:#e9882a !important;
  background:transparent !important;
}
.vh-seo-growth-head h2,
.vh-index-plans-header h2,
.vh-service-plans-header h2,
.vh-service-benefits-header h2,
.vh-index-why-header h2,
.vh-index-testimonials-header h2,
.vh-index-faq-left h2,
.vh-home-counter-content h2{
  color:#10212a !important;
}

/* Footer: recommended solid primary blue */
.modern-footer,
.footer-main,
.footer-bottom{
  background:#0c69f0 !important;
  background-image:none !important;
  color:#ffffff !important;
}
.footer-brand p,
.footer-column a,
.footer-contact-item,
.footer-bottom p,
.footer-bottom a{
  color:#ffffff !important;
}
.footer-column h5::after,
.footer-column a::before{
  background:#e9882a !important;
  color:#e9882a !important;
}
.footer-column a:hover,
.footer-column a:focus{
  color:#ffffff !important;
  padding-left:0 !important;
  transform:none !important;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.28) !important;
}

@media (max-width: 767px){
  .vh-topbar-container{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    padding:9px 18px;
  }
  .vh-topbar-links{
    justify-content:flex-start;
  }
  .header-container{
    padding:15px 18px !important;
  }
}

/* Final hover padding lock */
.dropdown-menu li a:hover,
.dropdown-menu li a:focus{padding:13px 22px !important;}
.client-btn:hover,.client-btn:focus{padding:14px 25px !important;}
.mobile-client-btn:hover,.mobile-client-btn:focus{padding:14px 24px !important;}
.footer-btn:hover,.footer-btn:focus{padding:14px 24px !important;}
.vh-premium-hero-btn:hover,.vh-premium-hero-btn:focus,
.vh-premium-hero-outline-btn:hover,.vh-premium-hero-outline-btn:focus{padding:0 25px !important;}
.vh-index-plan-card a:hover,.vh-index-plan-card a:focus,
.vh-service-plan-card a:hover,.vh-service-plan-card a:focus{padding:14px 20px !important;}
.vh-index-faq-help a:hover,.vh-index-faq-help a:focus{padding:13px 20px !important;}
.vh-conversion-actions a:hover,.vh-conversion-actions a:focus{padding:0 25px !important;}
.vh-seo-growth-links a:hover,.vh-seo-growth-links a:focus{padding:11px 14px !important;}


/* VeltrixHost Blue + Hover Update: primary #0c69f0, secondary #e9882a */
:root{
  --theme-blue:#0c69f0 !important;
  --theme-orange:#e9882a !important;
  --vh-blue:#0c69f0 !important;
  --vh-blue-soft:#0c69f0 !important;
  --vh-orange:#e9882a !important;
  --vh-orange-bright:#e9882a !important;
  --footer-dark:#0c69f0 !important;
  --footer-deep:#0c69f0 !important;
}

/* Header and footer use the corrected brand blue */
.site-header,
.header-container,
.modern-footer,
.footer-main,
.footer-bottom,
.vh-seo-policy-note .vh-seo-policy-container,
.vh-conversion-cta .vh-conversion-container,
.vh-hero-server{
  background:#0c69f0 !important;
  background-image:none !important;
}

.vh-topbar-line,
.vh-topbar-links a,
.dropdown-menu li a,
.vh-premium-hero-h1,
.vh-premium-hero-h2 span,
.vh-index-plan-price strong,
.vh-service-plan-price strong,
.vh-seo-growth-card i,
.vh-service-benefit-card i,
.vh-index-why-icon,
.vh-home-counter-card strong,
.vh-hero-panel-top,
.vh-hero-bottom-strip i,
.vh-hero-feature-card i,
.vh-hero-shield i,
.vh-seo-growth-card i,
.vh-service-benefit-card i{
  color:#0c69f0 !important;
}

/* Top bar links: restore a clean lift hover while keeping the same colors */
.vh-topbar-links a{
  transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease !important;
}
.vh-topbar-links a:hover,
.vh-topbar-links a:focus{
  background:#ffffff !important;
  color:#0c69f0 !important;
  border-color:#0c69f0 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 8px 18px rgba(12,105,240,.16) !important;
}
.vh-topbar-links a.vh-topbar-login,
.vh-topbar-links a.vh-topbar-login:hover,
.vh-topbar-links a.vh-topbar-login:focus{
  background:#e9882a !important;
  border-color:#e9882a !important;
  color:#ffffff !important;
}

/* Main buttons: keep orange, restore hover movement only */
.mobile-menu-btn,
.mobile-close-btn,
.client-btn,
.mobile-client-btn,
.footer-btn,
.vh-premium-hero-btn,
.vh-premium-hero-outline-btn,
.vh-index-plan-card a,
.vh-service-plan-card a,
.vh-index-faq-help a,
.vh-conversion-actions a,
.vh-seo-growth-links a{
  background:#e9882a !important;
  background-image:none !important;
  border-color:#e9882a !important;
  color:#ffffff !important;
  transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease !important;
}
.mobile-menu-btn:hover,
.mobile-close-btn:hover,
.client-btn:hover,
.mobile-client-btn:hover,
.footer-btn:hover,
.vh-premium-hero-btn:hover,
.vh-premium-hero-outline-btn:hover,
.vh-index-plan-card a:hover,
.vh-service-plan-card a:hover,
.vh-index-faq-help a:hover,
.vh-conversion-actions a:hover,
.vh-conversion-actions a:first-child:hover,
.vh-conversion-actions a.vh-conversion-outline:hover,
.vh-seo-growth-links a:hover,
.mobile-menu-btn:focus,
.mobile-close-btn:focus,
.client-btn:focus,
.mobile-client-btn:focus,
.footer-btn:focus,
.vh-premium-hero-btn:focus,
.vh-premium-hero-outline-btn:focus,
.vh-index-plan-card a:focus,
.vh-service-plan-card a:focus,
.vh-index-faq-help a:focus,
.vh-conversion-actions a:focus,
.vh-seo-growth-links a:focus{
  background:#e9882a !important;
  background-image:none !important;
  border-color:#e9882a !important;
  color:#ffffff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 12px 24px rgba(233,136,42,.28) !important;
}

/* Keep header menu plain: no color swap, only consistent text color */
.desktop-nav a:hover,
.desktop-nav a:focus,
.dropdown:hover > a{
  color:#ffffff !important;
  background:transparent !important;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus{
  color:#0c69f0 !important;
  background:#ffffff !important;
}

/* Restore small icon hover effects across cards and feature blocks */
.vh-index-why-icon,
.vh-service-benefit-card i,
.vh-seo-growth-card i,
.vh-hero-feature-card i,
.vh-hero-bottom-strip i,
.vh-topbar-line i,
.vh-hero-shield i{
  transition:transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease !important;
}
.vh-index-why-card:hover .vh-index-why-icon,
.vh-service-benefit-card:hover i,
.vh-seo-growth-card:hover i,
.vh-hero-feature-card:hover i,
.vh-hero-bottom-strip div:hover i,
.vh-hero-shield:hover i{
  background:#0c69f0 !important;
  color:#ffffff !important;
  transform:translateY(-4px) scale(1.05) !important;
  box-shadow:0 10px 22px rgba(12,105,240,.20) !important;
}
.vh-topbar-line:hover i{
  transform:translateY(-2px) scale(1.06) !important;
}
.vh-index-plan-features li::before,
.vh-service-plan-features li::before,
.vh-premium-hero-features span::before{
  transition:transform .22s ease, box-shadow .22s ease !important;
}
.vh-index-plan-features li:hover::before,
.vh-service-plan-features li:hover::before,
.vh-premium-hero-features span:hover::before{
  transform:translateY(-2px) scale(1.06) !important;
  box-shadow:0 8px 16px rgba(233,136,42,.22) !important;
}

/* Restore subtle card lift for icon/card sections without changing background design */
.vh-index-why-card,
.vh-service-benefit-card,
.vh-seo-growth-card,
.vh-hero-feature-card,
.vh-home-counter-card,
.vh-index-plan-card,
.vh-service-plan-card{
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.vh-index-why-card:hover,
.vh-service-benefit-card:hover,
.vh-seo-growth-card:hover,
.vh-hero-feature-card:hover,
.vh-home-counter-card:hover,
.vh-index-plan-card:hover,
.vh-service-plan-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(12,105,240,.22) !important;
  box-shadow:0 14px 28px rgba(12,105,240,.10) !important;
}

/* Final padding locks with hover movement preserved */
.dropdown-menu li a:hover,
.dropdown-menu li a:focus{padding:13px 22px !important;}
.client-btn:hover,.client-btn:focus{padding:14px 25px !important;}
.mobile-client-btn:hover,.mobile-client-btn:focus{padding:14px 24px !important;}
.footer-btn:hover,.footer-btn:focus{padding:14px 24px !important;}
.vh-premium-hero-btn:hover,.vh-premium-hero-btn:focus,
.vh-premium-hero-outline-btn:hover,.vh-premium-hero-outline-btn:focus{padding:0 25px !important;}
.vh-index-plan-card a:hover,.vh-index-plan-card a:focus,
.vh-service-plan-card a:hover,.vh-service-plan-card a:focus{padding:14px 20px !important;}
.vh-index-faq-help a:hover,.vh-index-faq-help a:focus{padding:13px 20px !important;}
.vh-conversion-actions a:hover,.vh-conversion-actions a:focus{padding:0 25px !important;}
.vh-seo-growth-links a:hover,.vh-seo-growth-links a:focus{padding:11px 14px !important;}