:root {
  --hpg360-navy: #061a31;
  --hpg360-navy-2: #021127;
  --hpg360-blue: #00345d;
  --hpg360-green: #65b72e;
  --hpg360-green-2: #7fd348;
  --hpg360-white: #ffffff;
  --hpg360-ink: #101827;
  --hpg360-muted: #5f6c7d;
  --hpg360-line: rgba(4, 37, 71, .14);
  --hpg360-card: #ffffff;
  --hpg360-shadow: 0 22px 60px rgba(2, 17, 39, .13);
  --hpg360-radius: 12px;
  --hpg360-sans: 'Montserrat', 'Inter', Arial, sans-serif;
}

* { box-sizing: border-box; }

html { 
  scroll-behavior: smooth; 
}

body { 
  margin: 0; 
  font-family: var(--hpg360-sans); 
  color: var(--hpg360-ink); 
  background: #fff; 
}

a { 
  text-decoration: none; 
}

img { 
  max-width: 100%; 
  display: block; 
}

.hpg360-page { 
  overflow-x: clip; 
  background: #fff; 
}

.hpg360-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  border: 1px solid transparent;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
  white-space: nowrap;
}

.hpg360-btn:hover { 
  transform: translateY(-2px); 
}

.hpg360-btn-green { 
  color: #fff; 
  background: linear-gradient(180deg, var(--hpg360-green-2), var(--hpg360-green)); box-shadow: 0 12px 25px rgba(95, 183, 46, .25); 
}

.hpg360-btn-green:hover { 
  color: #fff; 
  background: linear-gradient(180deg, #8ee156, #5aa92a); 
}

.hpg360-btn-video { 
  color: #fff; 
  background: rgba(0, 14, 33, .38); 
  border-color: rgba(255,255,255,.72); 
}

.hpg360-btn-video:hover { 
  color: #fff; 
  border-color: #fff; 
  background: rgba(255,255,255,.08); 
}

.hpg360-btn-outline { 
  color: #fff; 
  border-color: rgba(255,255,255,.8); 
  background: rgba(255,255,255,.04); 
}

.hpg360-btn-outline:hover { 
  color: #fff; 
  border-color: #fff; 
  ackground: rgba(255,255,255,.11); 
}

.hpg360-btn-light { color: var(--hpg360-green); background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.12); }
.hpg360-btn-light:hover { color: var(--hpg360-green); background: #f7fff2; }

/* Header + Hero */
.hpg360-hero-wrap {
  position: relative;
  background:
    radial-gradient(circle at 88% 26%, rgba(24, 103, 166, .32), transparent 28%),
    linear-gradient(90deg, #051a34 0%, #052242 37%, rgba(5, 28, 51, .86) 54%, #071323 100%);
  color: #fff;
  overflow: hidden;
}
.hpg360-hero-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2,17,39,.94) 0%, rgba(2,17,39,.82) 32%, rgba(2,17,39,.12) 61%, rgba(2,17,39,.04) 100%),
    linear-gradient(180deg, rgba(2,17,39,.30), rgba(2,17,39,.10) 55%, rgba(2,17,39,.98) 100%);
  z-index: 2;
}
.hpg360-navbar { position: relative; z-index: 5; padding: 18px 0 14px; }
.hpg360-nav-container { max-width: 1440px; }
.hpg360-brand img { width: 150px; height: auto; }
.hpg360-nav-list { gap: 22px; align-items: center; }
.hpg360-nav-link {
  position: relative;
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 8px 0 !important;
  letter-spacing: .02em;
  opacity: .96;
}

header#home {
    overflow: visible !important;
}

.navbar-expand-lg .navbar-collapse {
    overflow: visible !important;
}

a.nav-link.dropdown-toggle.hpg360-nav-link::after {
   content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--hpg360-green);
    transform-origin: left;
    transition: transform .25s ease;
    color: #62b12e
}

.hpg360-nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--hpg360-green);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}
.hpg360-nav-link:hover::after,
.hpg360-nav-link.active::after { transform: scaleX(1); }
.hpg360-nav-cta { min-height: 44px; padding: 12px 20px; }
.hpg360-toggler { border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); }
.hpg360-toggler .navbar-toggler-icon { filter: invert(1) brightness(3); }

.hpg360-hero-section {
    position: relative;
    z-index: 3;
    min-height: 480px;
    display: flex;
    align-items: center;
    padding: 44px 0 78px;
    background-position: right;
    background-image: linear-gradient(90deg, #021228 0%, rgb(3 18 41) 8%, rgb(2 18 40) 28%, rgba(6, 26, 49, .08) 58%, rgba(6, 26, 49, .12) 100%), linear-gradient(180deg, rgba(6, 26, 49, .08) 0%, rgba(6, 26, 49, .02) 61%, #021228 100%), url(../images/Home-banner.png);
}



.hpg360-hero-container { max-width: 1440px; position: relative; z-index: 4; }
.hpg360-hero-img-wrap {
  position: absolute;
  top: 64px;
  right: 0;
  bottom: 0;
  width: 72%;
  z-index: 1;
  opacity: .96;
}
.hpg360-hero-img-wrap::before {
  content: "";
  position: absolute;
  inset: -2px 0 -2px -2px;
  z-index: 2;
  background:
    linear-gradient(90deg, #061a31 0%, rgba(6,26,49,.94) 8%, rgba(6,26,49,.52) 28%, rgba(6,26,49,.08) 58%, rgba(6,26,49,.12) 100%),
    linear-gradient(180deg, rgba(6,26,49,.08) 0%, rgba(6,26,49,.02) 61%, #061a31 100%);
}
.hpg360-hero-img { width: 100%; height: 100%; object-fit: cover; object-position: center right; }
.hpg360-hero-title {
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 5.2vw, 72px);
  line-height: .98;
  font-weight: 700;
  letter-spacing: -.045em;
  text-transform: uppercase;
  text-shadow: 0 6px 22px rgba(0,0,0,.25);
}
.hpg360-hero-title span { color: var(--hpg360-green); }
.hpg360-title-rule { width: 92px; height: 4px; margin: 18px 0 22px; background: var(--hpg360-green);  }
.hpg360-hero-kicker {
  margin: 0 0 12px;
  font-size: clamp(18px, 1.75vw, 26px);
  line-height: 1.15;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.025em;
  color: white;
}
.hpg360-hero-text { max-width: 410px; margin: 0 0 25px; color: rgba(255,255,255,.92); font-size: 15px; line-height: 1.62; font-weight: 500; }
.hpg360-hero-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* Trust strip */
.hpg360-trust-strip { padding: 20px 0 27px; background: #fff; border-bottom: 1px solid rgba(3, 23, 45, .08); }
.hpg360-trust-heading { display: grid; grid-template-columns: minmax(70px, 1fr) auto minmax(70px, 1fr); align-items: center; gap: 16px; margin-bottom: 18px; color: #526070; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 800; letter-spacing: .05em; }
.hpg360-trust-heading span { height: 1px; background: rgba(101,183,46,.35); }
.hpg360-trust-icons { display: grid; grid-template-columns: repeat(8, 1fr); gap: 18px; }
.hpg360-trust-item { display: flex; flex-direction: column; align-items: center; gap: 8px; color: #808892; }
.hpg360-trust-item i { font-size: 28px; line-height: 1; }
.hpg360-trust-item small { color: #111827; font-size: 10px; font-weight: 900; text-transform: uppercase; }

/* Partner */
.hpg360-partner-section { padding: 62px 0 67px; background: #fff; }
.hpg360-section-eyebrow { margin: 0 0 8px; color: var(--hpg360-green); font-size: 12px; line-height: 1; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.hpg360-section-title { margin: 0; color: var(--hpg360-ink); font-size: clamp(30px, 3.2vw, 45px); line-height: 1.06; font-weight: 700; letter-spacing: -.04em; text-align: center; }
.hpg360-section-title span { color: var(--hpg360-green); }
.hpg360-section-text { margin: 20px 0 26px; color: #1b2635; font-size: 14px; line-height: 1.7; font-weight: 500; }
.hpg360-partner-copy { padding-right: 30px; }
.hpg360-benefit-grid { border-left: 1px solid rgba(3, 23, 45, .15); padding-left: 48px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 31px 42px; }
.hpg360-benefit-item { display: grid; grid-template-columns: 57px minmax(0, 1fr); gap: 16px; align-items: start; }
.hpg360-benefit-icon { width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; border: 2px solid var(--hpg360-green); color: var(--hpg360-green); font-size: 26px; }
.hpg360-benefit-item h3 { margin: 0 0 5px; color: #111827; font-size: 14px; line-height: 1.25; font-weight: 900; text-transform: uppercase; }
.hpg360-benefit-item p { margin: 0; color: #3e4a59; font-size: 12.5px; line-height: 1.58; font-weight: 500; }

/* Results */
.hpg360-results-section {
    position: relative;
    padding: 48px 0 56px;
    color: #fff;
    background-image: url(../images/Proven-Results-bg.png);
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.hpg360-results-section .container { position: relative; z-index: 2; }
.hpg360-results-head { margin-bottom: 25px; }
.hpg360-stat-row { align-items: stretch; }
.hpg360-stat-card { height: 100%; min-height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px 18px 26px; text-align: center; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(8, 44, 82, .68); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.hpg360-stat-icon { width: 61px; height: 61px; margin-bottom: 13px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--hpg360-green); font-size: 27px; box-shadow: 0 12px 30px rgba(101,183,46,.22); }
.hpg360-stat-card h3 { margin: 0 0 3px; color: var(--hpg360-green); font-size: clamp(42px, 4vw, 56px); line-height: 1; font-weight: 900; letter-spacing: -.045em; }
.hpg360-stat-card h4 { margin: 0 0 11px; color: #fff; font-size: 14px; line-height: 1.25; font-weight: 900; text-transform: uppercase; }
.hpg360-stat-card p { margin: 0; color: rgba(255,255,255,.86); font-size: 12.5px; line-height: 1.45; font-weight: 500; }

/* Services */
.hpg360-services-section { padding: 58px 0 62px; background: #fff; }
.hpg360-section-center { text-align: center; margin-bottom: 28px; }
.hpg360-service-row { align-items: stretch; }
.hpg360-service-card { height: 100%; min-height: 200px; padding: 26px 16px 22px; text-align: center; border: 1px solid rgba(2,17,39,.12); border-radius: 7px; background: #fff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.hpg360-service-card:hover { transform: translateY(-5px); box-shadow: var(--hpg360-shadow); border-color: rgba(101,183,46,.35); }
.hpg360-service-card i { width: 68px; height: 68px; margin: 0 auto 18px; border: 2px solid var(--hpg360-green); border-radius: 50%; display: grid; place-items: center; color: var(--hpg360-green); font-size: 32px; }
.hpg360-service-card h3 { margin: 0 0 12px; min-height: 31px; color: #111827; font-size: 11px; line-height: 1.25; font-weight: 900; text-transform: uppercase; }
.hpg360-service-card p { margin: 0; color: #2d3948; font-size: 11px; line-height: 1.58; font-weight: 500; }

/* Testimonials */
.hpg360-testimonials-section { padding: 0 0 42px; background: #fff; }
.hpg360-testimonials-box { position: relative; padding: 35px 58px 41px; border-radius: 9px; background: linear-gradient(135deg, #f9fbfd 0%, #f2f7fb 100%); box-shadow: 0 15px 50px rgba(4, 25, 48, .10); }
.hpg360-testimonials-box .hpg360-section-center { margin-bottom: 25px; }
.hpg360-testimonial-viewport { overflow: hidden; }
.hpg360-testimonial-track { display: flex; gap: 26px; transition: transform .4s ease; will-change: transform; }
.hpg360-testimonial-card { flex: 0 0 calc((100% - 52px) / 3); min-height: 184px; padding: 24px 24px 22px; border-radius: 6px; background: #fff; border: 1px solid rgba(2,17,39,.08); box-shadow: 0 14px 30px rgba(2,17,39,.08); }
.hpg360-stars { color: var(--hpg360-green); font-size: 15px; letter-spacing: 1px; margin-bottom: 10px; }
.hpg360-testimonial-card p { margin: 0 0 22px; color: #111827; font-size: 12px; line-height: 1.64; font-weight: 700; }
.hpg360-client { display: flex; align-items: center; gap: 13px; }
.hpg360-client img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.hpg360-client strong { display: block; color: #111827; font-size: 12px; font-weight: 900; }
.hpg360-client span { display: block; color: #526070; font-size: 10px; font-weight: 700; }
.hpg360-carousel-btn { position: absolute; top: 55%; transform: translateY(-50%); z-index: 3; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(2,17,39,.14); display: grid; place-items: center; color: #536070; background: #fff; box-shadow: 0 10px 28px rgba(2,17,39,.12); transition: all .25s ease; }
.hpg360-carousel-btn:hover { color: var(--hpg360-green); transform: translateY(-50%) scale(1.05); }
.hpg360-carousel-prev { left: -18px; }
.hpg360-carousel-next { right: -18px; }

/* CTA */
.hpg360-growth-cta { background: linear-gradient(90deg, #4d9e22 0%, #6dbb31 50%, #55a927 100%); color: #fff; }
.hpg360-growth-inner { min-height: 96px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; }
.hpg360-growth-icon { width: 66px; height: 66px; display: grid; place-items: center; border: 2px solid rgba(255,255,255,.82); border-radius: 50%; font-size: 30px; }
.hpg360-growth-inner h2 { margin: 0 0 4px; font-size: clamp(24px, 2.4vw, 33px); line-height: 1.1; font-weight: 900; letter-spacing: -.035em; }
.hpg360-growth-inner p { margin: 0; color: rgba(255,255,255,.92); font-size: 14px; font-weight: 600; }
a.btn.hpg360-btn.hpg360-btn-light:hover {
    background: #03162b;
    color: white;
}

/* Footer */
.hpg360-footer { padding: 45px 0 21px; color: #fff; background: linear-gradient(145deg, #031428 0%, #06284a 70%, #031224 100%); }
.hpg360-footer-top { align-items: flex-start; }
.hpg360-footer-brand img { width: 150px; margin-bottom: 14px; }
.hpg360-footer-brand p { max-width: 240px; margin: 0 0 18px; color: rgba(255,255,255,.82); font-size: 13px; line-height: 1.55; font-weight: 500; }
.hpg360-socials { display: flex; gap: 12px; }
.hpg360-socials a { width: 24px; height: 24px; display: grid; place-items: center; color: #fff; font-size: 15px; }
.hpg360-footer-col, .hpg360-footer-contact { border-left: 1px solid rgba(255,255,255,.19); padding-left: 42px; min-height: 124px; }
.hpg360-footer h3 { margin: 0 0 15px; color: #fff; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.hpg360-footer-col a { display: block; color: rgba(255,255,255,.88); font-size: 12px; line-height: 1.7; margin-bottom: 4px; font-weight: 500; transition: color .2s ease; }
.hpg360-footer-col a:hover { color: var(--hpg360-green-2); }
.hpg360-footer-contact p { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 11px; color: rgba(255,255,255,.88); font-size: 12px; line-height: 1.5; font-weight: 600; }
.hpg360-footer-contact i { margin-top: 2px; color: #fff; }
.hpg360-copyright { margin-top: 32px; color: rgba(255,255,255,.58); text-align: center; font-size: 12px; font-weight: 500; }

@media (max-width: 1199.98px) {
  .hpg360-brand img { width: 215px; }
  .hpg360-nav-list { gap: 15px; }
  .hpg360-nav-link { font-size: 10px; }
  .hpg360-hero-img-wrap { width: 76%; }
  .hpg360-benefit-grid { padding-left: 32px; gap: 26px 24px; }
  .hpg360-footer-col, .hpg360-footer-contact { padding-left: 28px; }
}

@media (max-width: 991.98px) {
  .hpg360-hero-wrap { min-height: auto; }
  .hpg360-navbar { background: rgba(3,18,36,.88); backdrop-filter: blur(10px); }
  .hpg360-nav-collapse { margin-top: 16px; padding: 18px; background: rgba(3,18,36,.96); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; }
  .hpg360-nav-list { align-items: flex-start; gap: 4px; margin-bottom: 15px; }
  .hpg360-nav-link { font-size: 12px; }
  .hpg360-nav-cta { width: 100%; }
  .hpg360-hero-section { min-height: 640px; padding: 70px 0 76px; align-items: flex-end; }
  .hpg360-hero-img-wrap { top: 80px; width: 100%; height: 360px; opacity: .8; }
  .hpg360-hero-img-wrap::before { background: linear-gradient(180deg, rgba(3,18,36,.05), rgba(3,18,36,.55) 60%, #061a31 100%), linear-gradient(90deg, rgba(3,18,36,.82), rgba(3,18,36,.08)); }
  .hpg360-hero-copy { max-width: 640px; }
  .hpg360-trust-icons { grid-template-columns: repeat(4, 1fr); }
  .hpg360-partner-copy { padding-right: 0; }
  .hpg360-benefit-grid { border-left: 0; padding-left: 0; }
  .hpg360-testimonial-card { flex-basis: calc((100% - 26px) / 2); }
  .hpg360-growth-inner { grid-template-columns: auto 1fr; padding: 20px 0; }
  .hpg360-growth-inner .hpg360-btn { grid-column: 1 / -1; justify-self: start; }
  .hpg360-footer-col, .hpg360-footer-contact { border-left: 0; padding-left: 0; min-height: 0px;}
}

@media (max-width: 767.98px) {
  .hpg360-brand img { width: 190px; }
  .hpg360-hero-section { min-height: 670px; padding-top: 40px; }
  .hpg360-hero-title { font-size: clamp(43px, 13vw, 58px); }
  .hpg360-hero-kicker { font-size: 18px; }
  .hpg360-hero-text { font-size: 14px; }
  .hpg360-hero-actions .hpg360-btn { width: 100%; }
  .hpg360-trust-heading { grid-template-columns: 1fr; gap: 8px; font-size: 12px; }
  .hpg360-trust-heading span { display: none; }
  .hpg360-trust-icons { grid-template-columns: repeat(2, 1fr); gap: 22px 12px; }
  .hpg360-partner-section, .hpg360-services-section { padding: 45px 0; }
  .hpg360-benefit-grid { grid-template-columns: 1fr; }
  .hpg360-section-title { font-size: 30px; }
  .hpg360-results-section { padding: 42px 0; }
  .hpg360-service-card { min-height: 190px; padding: 22px 12px; }
  .hpg360-testimonials-box { padding: 30px 20px 36px; }
  .hpg360-testimonial-card { flex-basis: 100%; }
  .hpg360-carousel-btn { top: auto; bottom: -23px; transform: none; }
  .hpg360-carousel-btn:hover { transform: scale(1.04); }
  .hpg360-carousel-prev { left: calc(50% - 58px); }
  .hpg360-carousel-next { right: calc(50% - 58px); }
  .hpg360-growth-inner { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .hpg360-growth-inner .hpg360-btn { justify-self: center; width: 100%; max-width: 330px; }
  .hpg360-footer { text-align: center; }
  .hpg360-footer-brand p { margin-left: auto; margin-right: auto; }
  .hpg360-footer-brand img { margin-left: auto; margin-right: auto; }
  .hpg360-socials { justify-content: center; }
  .hpg360-footer-contact p { justify-content: center; }
}

@media (max-width: 575.98px) {
  .hpg360-btn { min-height: 46px; padding: 12px 16px; font-size: 11px; }
  .hpg360-hero-img-wrap { height: 315px; }
  .hpg360-hero-section { min-height: 650px; }
  .hpg360-title-rule { margin-top: 14px; }
  .hpg360-service-row > div { width: 100%; }
  .hpg360-stat-card { min-height: 190px; }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }
}










/* About Us Page CSS */

:root {
  --hpg-navy: #061b31;
  --hpg-dark: #041426;
  --hpg-green: #6fbd2f;
  --hpg-green-dark: #4f9f20;
  --hpg-text: #0b1830;
  --hpg-muted: #4e5b6b;
}

/* .hpg-about-page {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--hpg-text);
  overflow-x: hidden;
} */

.hpg-label {
  display: inline-block;
  color: var(--hpg-green);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.hpg-about-hero {
    position: relative;
    min-height: 600px;
    background: linear-gradient(90deg, rgb(2 18 40) 0%, rgb(1 17 39) 34%, rgba(3, 18, 34, .15) 62%, rgba(3, 18, 34, 0) 100%), url(../images/about-banner.png) center right / cover no-repeat;
    color: #fff;
}

.min-vh-hero {
  min-height: 600px;
}

.hpg-about-hero h1 {
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 900;
  line-height: 1.08;
  margin-bottom: 18px;
}

.hpg-about-hero h1 span,
.hpg-mission h2 span {
  color: var(--hpg-green);
}

.hpg-about-hero p {
  font-size: 18px;
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 24px;
}

.hpg-btn {
  /* display: inline-flex;
  align-items: center; */
  gap: 14px;
  background: linear-gradient(135deg, var(--hpg-green), var(--hpg-green-dark));
  color: #fff;
  text-decoration: none;
  padding: 16px 26px;
  border-radius: 6px;
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(111,189,47,.25);
}

.hpg-btn span {
  font-size: 24px;
  line-height: 1;
}

.hpg-mission {
  background: #fff;
}

.hpg-mission h2,
.hpg-process h2,
.hpg-team h2 {
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 20px;
}

.hpg-mission p,
.hpg-team p {
  color: var(--hpg-text);
  font-size: 16px;
  line-height: 1.75;
}

.hpg-values {
  border-left: 1px solid #d8dee7;
  padding-left: 46px;
}

.hpg-value {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.hpg-value i {
  color: var(--hpg-green-dark);
  font-size: 54px;
  line-height: 1;
}

.hpg-value h5 {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.hpg-value p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.hpg-impact {
  padding: 45px 0 34px;
  background:
    linear-gradient(rgba(3,18,34,.88), rgba(3,18,34,.88)),
    url("../images/about-impact-bg.png") center / cover no-repeat;
  color: #fff;
}

.hpg-section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 30px;
}

.hpg-section-title span {
  width: 270px;
  height: 1px;
  background: var(--hpg-green);
}

.hpg-section-title h3 {
  font-size: 21px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
}

.hpg-stat {
  border-right: 1px solid rgba(255,255,255,.25);
  padding: 0 15px;
}

.hpg-stat-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--hpg-green), var(--hpg-green-dark));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.hpg-stat-icon i {
  font-size: 30px;
}

.hpg-stat h2 {
  color: var(--hpg-green);
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 900;
  margin-bottom: 4px;
}

.hpg-stat p {
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.35;
  margin: 0;
}

.hpg-process {
  background: #fff;
}

.hpg-step {
  position: relative;
}

.hpg-step b {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--hpg-green-dark);
  color: #fff;
  font-size: 13px;
  display: grid;
  place-items: center;
  z-index: 2;
}

.hpg-step > div {
  width: 82px;
  height: 82px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #eef4e9;
  display: grid;
  place-items: center;
}

.hpg-step i {
  font-size: 38px;
  color: var(--hpg-text);
}

.hpg-step h5 {
  font-weight: 900;
  font-size: 16px;
  text-transform: uppercase;
}

.hpg-step p {
  font-size: 13px;
  line-height: 1.6;
  max-width: 180px;
  margin: 0 auto;
}

.hpg-team {
  background: linear-gradient(180deg, #f7fafc, #fff);
}

.hpg-team img {
  width: 100%;
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.hpg-check-list {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
}

.hpg-check-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  font-size: 15px;
}

.hpg-check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--hpg-green-dark);
  border-radius: 50%;
  color: var(--hpg-green-dark);
  font-size: 12px;
  display: grid;
  place-items: center;
  font-weight: 900;
}

.hpg-cta {
  background: linear-gradient(135deg, #4f9f20, #78c735);
  color: #fff;
  padding: 18px 0;
}

.hpg-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.hpg-cta h3 {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 900;
  margin: 0 0 4px;
}

.hpg-cta p {
  margin: 0;
  font-size: 15px;
}

.hpg-btn-light {
  background: #fff;
  color: var(--hpg-green-dark);
  box-shadow: none;
}

/* Responsive */
@media (max-width: 1199px) {
  .hpg-about-hero {
    background-position: 62% center;
  }

  .hpg-section-title span {
    width: 180px;
  }
}

@media (max-width: 991px) {
  .hpg-about-hero {
    background:
      linear-gradient(90deg, rgba(3,18,34,.95), rgba(3,18,34,.82)),
      url("../images/about-banner.png") center / cover no-repeat;
  }

  .hpg-values {
    border-left: 0;
    padding-left: 0;
  }

  .hpg-stat {
    border-right: 0;
  }

  .hpg-cta-inner {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .hpg-about-hero,
  .min-vh-hero {
    min-height: 520px;
  }

  .hpg-about-hero p {
    font-size: 15px;
  }

  .hpg-btn {
    width: 100%;
    justify-content: center;
    padding: 15px 18px;
  }

  .hpg-section-title {
    gap: 12px;
  }

  .hpg-section-title span {
    width: 55px;
  }

  .hpg-section-title h3 {
    font-size: 15px;
  }

  .hpg-value {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
}










/* Results Page CSS */

:root {
  --hpg-navy: #061b31;
  --hpg-dark: #031426;
  --hpg-green: #69b82f;
  --hpg-green-dark: #4c9d20;
  --hpg-text: #071832;
  --hpg-muted: #4d5b6c;
}

/* .hpg-results-page {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--hpg-text);
  overflow-x: hidden;
} */

.hpg-label {
  display: inline-block;
  color: var(--hpg-green);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.hpg-results-hero {
  min-height: 600px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(3,18,34,.98) 0%, rgba(3,18,34,.9) 34%, rgba(3,18,34,.35) 58%, rgba(3,18,34,.05) 100%),
    url("../images/Home-banner.png") center right / cover no-repeat;
}

.hpg-results-hero-row {
  min-height: 600px;
}

.hpg-results-hero h1 {
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 700;
  line-height: .98;
  margin-bottom: 18px;
}

.hpg-results-hero h1 span {
  color: var(--hpg-green);
}

.hpg-results-hero p {
  font-size: 17px;
  line-height: 1.6;
  max-width: 530px;
  margin-bottom: 24px;
}

.hpg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(135deg, var(--hpg-green), var(--hpg-green-dark));
  color: #fff;
  text-decoration: none;
  padding: 15px 26px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpg-btn span,
.hpg-outline-btn span {
  font-size: 25px;
  line-height: 1;
}

.hpg-stats-intro {
  background: #fff;
  padding: 34px 0;
}

.hpg-stats-intro h2 {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.15;
}

.hpg-stats-intro p {
  font-size: 15px;
  line-height: 1.6;
}

.hpg-stat-box {
  text-align: center;
  border-right: 1px solid #d9e0e8;
  padding: 8px 20px;
}

.hpg-stat-box i {
  display: block;
  font-size: 46px;
  color: var(--hpg-green-dark);
  margin-bottom: 8px;
}

.hpg-stat-box h3 {
  color: var(--hpg-green-dark);
  font-size: 44px;
  font-weight: 900;
  margin: 0;
}

.hpg-stat-box p {
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
}

.hpg-outline-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 13px 20px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpg-case-studies {
  background: var(--hpg-dark, #031426);
  color: #fff;
  padding: 42px 0 48px;
}

.hpg-case-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.hpg-case-studies h2 {
  font-size: clamp(26px, 3vw, 32px);
  font-weight: 900;
  margin: 0;
}

.hpg-outline-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 13px 20px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
}

.hpg-case-card {
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 7px;
  background: #09203a;
}

.hpg-case-top {
  display: grid;
  grid-template-columns: 38% 62%;
  min-height: 220px;
}

.hpg-case-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hpg-case-content {
  padding: 22px 18px;
}

.hpg-case-content span {
  color: var(--hpg-green, #69b82f);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpg-case-content h3 {
  font-size: clamp(18px, 2vw, 21px);
  font-weight: 900;
  margin: 8px 0 12px;
}

.hpg-case-content p {
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.hpg-case-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #fff;
  color: var(--hpg-text, #071832);
}

.hpg-case-metrics div {
  text-align: center;
  padding: 14px 8px;
  border-right: 1px solid #d9e0e8;
}

.hpg-case-metrics div:last-child {
  border-right: 0;
}

.hpg-case-metrics strong {
  display: block;
  color: var(--hpg-green-dark, #4c9d20);
  font-size: clamp(22px, 3vw, 27px);
  font-weight: 900;
  line-height: 1;
}

.hpg-case-metrics small {
  display: block;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  .hpg-case-card {
    max-width: 680px;
    margin: 0 auto;
  }

  .hpg-case-top {
    grid-template-columns: 42% 58%;
  }
}

@media (max-width: 575.98px) {
  .hpg-case-studies {
    padding: 36px 0 42px;
  }

  .hpg-case-head {
    align-items: flex-start;
  }

  .hpg-outline-btn {
    width: 100%;
  }

  .hpg-case-top {
    display: block;
    min-height: auto;
  }

  .hpg-case-top img {
    height: 220px;
  }

  .hpg-case-content {
    padding: 20px 18px;
  }

  .hpg-case-metrics {
    grid-template-columns: 1fr;
  }

  .hpg-case-metrics div {
    border-right: 0;
    border-bottom: 1px solid #d9e0e8;
  }

  .hpg-case-metrics div:last-child {
    border-bottom: 0;
  }
}

.hpg-mid-cta {
  background: #fff;
  padding: 36px 0;
}

.hpg-mid-cta-inner {
  display: grid;
  grid-template-columns: 90px 1fr auto;
  align-items: center;
  gap: 28px;
}

.hpg-mid-icon {
  width: 86px;
  height: 86px;
  background: #eef4e9;
  border-radius: 8px;
  display: grid;
  place-items: center;
}

.hpg-mid-icon i {
  color: var(--hpg-green-dark);
  font-size: 48px;
}

.hpg-mid-cta h3 {
  font-size: 24px;
  line-height: 1.35;
  font-weight: 900;
  margin: 0;
}

.hpg-testimonials {
  background: #fff;
  padding: 10px 0 46px;
}

.hpg-testimonials h2 {
  font-size: 30px;
  font-weight: 900;
}

.hpg-testimonial-card {
  position: relative;
  text-align: left;
  border: 1px solid #d9e0e8;
  border-radius: 6px;
  padding: 24px 28px;
  height: 100%;
}

.hpg-stars {
  color: var(--hpg-green-dark);
  font-size: 18px;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.hpg-testimonial-card p {
  font-size: 14px;
  line-height: 1.65;
}

.hpg-author {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
}

.hpg-author img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
}

.hpg-author strong {
  display: block;
  font-size: 14px;
}

.hpg-author small {
  font-size: 12px;
}

.hpg-dots span {
  width: 10px;
  height: 10px;
  background: #d0d7df;
  border-radius: 50%;
  display: inline-block;
  margin: 0 7px;
}

.hpg-dots .active {
  background: var(--hpg-green-dark);
}

.hpg-trusted {
  background: #f4f6f8;
  padding: 28px 0;
}

.hpg-trusted h3 {
  font-size: 22px;
  font-weight: 900;
  margin: 0;
}

.hpg-logo-row {
    display: flex;
    justify-content: flex-end;
    gap: 58px;
    flex-wrap: wrap;
    align-items: center;
}

.hpg-logo-row img {
  max-height: 68px;
  max-width: 145px;
  /* filter: grayscale(1);
  opacity: .65; */
}

.hpg-bottom-cta {
  background: linear-gradient(135deg, #4d9e1f, #73c532);
  color: #fff;
  padding: 20px 0;
}

.hpg-bottom-cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.hpg-bottom-cta h3 {
  font-size: 28px;
  font-weight: 900;
  margin: 0 0 4px;
}

.hpg-bottom-cta p {
  margin: 0;
}

.hpg-btn-white {
  background: #fff;
  color: var(--hpg-green-dark);
}

/* Responsive */
@media (max-width: 991px) {
  .hpg-results-hero {
    background:
      linear-gradient(90deg, rgba(3,18,34,.96), rgba(3,18,34,.82)),
      url("../images/Home-banner.png") center / cover no-repeat;
  }

  .hpg-stat-box {
    border-right: 0;
    border-bottom: 1px solid #d9e0e8;
  }

  .hpg-mid-cta-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hpg-mid-icon {
    margin: 0 auto;
  }

  .hpg-bottom-cta-inner {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .hpg-results-hero,
  .hpg-results-hero-row {
    min-height: 520px;
  }

  .hpg-btn,
  .hpg-outline-btn {
    width: 100%;
  }

  .hpg-case-card .row {
    display: block;
  }

  .hpg-case-card img {
    min-height: 220px;
  }

  .hpg-case-metrics {
    grid-template-columns: 1fr;
  }

  .hpg-case-metrics div {
    border-right: 0;
    border-bottom: 1px solid #d9e0e8;
  }

  .hpg-logo-row {
    justify-content: center;
  }
}











/* Automations Services Page CSS */

:root {
  --hpg-navy: #061b31;
  --hpg-dark: #031426;
  --hpg-green: #69b82f;
  --hpg-green-dark: #4c9d20;
  --hpg-text: #071832;
  --hpg-muted: #4d5b6c;
}

/* .hpg-auto-page {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--hpg-text);
  overflow-x: hidden;
} */

.hpg-label {
  color: var(--hpg-green);
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}

.hpg-auto-hero {
    min-height: 650px;
    color: #fff;
    background: linear-gradient(90deg, rgb(1 17 39) 0%, rgb(2 17 40) 38%, rgba(3, 18, 34, .28) 70%, rgba(3, 18, 34, 0) 100%), url(../images/services-banner.png) center right / cover no-repeat;
}

.hpg-auto-hero-row {
  min-height: 650px;
}

.hpg-auto-hero h1 {
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 700;
  line-height: 1.05;
}

.hpg-auto-hero h1 span {
  color: var(--hpg-green);
}

.hpg-auto-hero p {
  font-size: 17px;
  line-height: 1.65;
  margin: 18px 0 22px;
}

.hpg-hero-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 26px;
}

.hpg-hero-points div {
  display: grid;
  grid-template-columns: 38px 1fr;
  column-gap: 10px;
  align-items: start;
}

.hpg-hero-points i {
  grid-row: span 2;
  width: 36px;
  height: 36px;
  border: 1px solid var(--hpg-green);
  border-radius: 50%;
  color: var(--hpg-green);
  display: grid;
  place-items: center;
}

.hpg-hero-points strong {
  font-size: 13px;
}

.hpg-hero-points small {
  font-size: 11px;
  line-height: 1.4;
}

.hpg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(135deg, var(--hpg-green), var(--hpg-green-dark));
  color: #fff;
  text-decoration: none;
  padding: 15px 26px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpg-btn span {
  font-size: 25px;
}

.hpg-auto-intro h2,
.hpg-features h2,
.hpg-integrations h2 {
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 900;
  line-height: 1.15;
}

.hpg-auto-intro p {
  font-size: 16px;
  line-height: 1.7;
}

.hpg-check-list {
  list-style: none;
  padding: 0;
  margin: 22px 0 0;
}

.hpg-check-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
}

.hpg-check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 1px;
  width: 17px;
  height: 17px;
  border: 1px solid var(--hpg-green-dark);
  color: var(--hpg-green-dark);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 900;
}

.hpg-auto-grid-wrap {
  border-left: 1px solid #d9e0e8;
  padding-left: 50px;
}

.hpg-auto-item i {
  font-size: 46px;
  color: var(--hpg-green-dark);
  display: block;
  margin-bottom: 12px;
}

.hpg-auto-item h5,
.hpg-feature-card h5 {
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpg-auto-item p,
.hpg-feature-card p {
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}

.hpg-auto-process {
  background: radial-gradient(circle at center, #082746 0%, #031426 70%);
  color: #fff;
  padding: 18px 0 32px;
}

.hpg-line-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 26px;
}

.hpg-line-title span {
  width: 86px;
  height: 1px;
  background: #69b82f;
}

.hpg-line-title h3 {
  margin: 0;
  font-size: 21px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}

.hpg-process-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 34px;
  position: relative;
}

.hpg-process-step {
  position: relative;
  text-align: center;
}

.hpg-process-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 45px;
  right: -42px;
  width: 72px;
  height: 1px;
  border-top: 1px dotted #69b82f;
}

.hpg-process-step:not(:last-child)::before {
  content: "›";
  position: absolute;
  top: 26px;
  right: -49px;
  color: #69b82f;
  font-size: 24px;
  font-weight: 300;
}

.hpg-process-step b {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(15px);
  width: 28px;
  height: 28px;
  background: #69b82f;
  color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 900;
  z-index: 2;
}

.hpg-process-icon {
  width: 76px;
  height: 76px;
  border: 2px solid #69b82f;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto 13px;
}

.hpg-process-icon i {
  font-size: 34px;
  color: #fff;
}

.hpg-process-step h5 {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.hpg-process-step p {
  max-width: 170px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.55;
  color: #fff;
}

/* Tablet */
@media (max-width: 991px) {
  .hpg-process-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 42px 24px;
  }

  .hpg-process-step::before,
  .hpg-process-step::after {
    display: none;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .hpg-auto-process {
    padding: 28px 0 34px;
  }

  .hpg-line-title span {
    width: 40px;
  }

  .hpg-line-title h3 {
    font-size: 17px;
    text-align: center;
  }

  .hpg-process-row {
    grid-template-columns: 1fr;
  }

  .hpg-process-step p {
    max-width: 260px;
  }
}

.hpg-features {
  background: #fff;
}

.hpg-feature-card {
  height: 100%;
  border: 1px solid #d9e0e8;
  border-radius: 6px;
  padding: 25px 14px;
}

.hpg-feature-card i {
  font-size: 42px;
  color: var(--hpg-green-dark);
  margin-bottom: 14px;
  display: block;
}

.hpg-integrations {
  background: #f7f9fb;
}

.hpg-integrations img {
    max-width: 20%;
}

.hpg-logo-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 34px;
  margin-top: 24px;
  align-items: center;
}

.hpg-logo-cloud strong {
  font-size: 28px;
  line-height: 1;
}

.hpg-logo-cloud small {
  display: block;
  font-size: 12px;
  font-weight: 400;
}

.hpg-real-results {
  border-left: 1px solid #d9e0e8;
  padding-left: 50px;
}

.hpg-result-stat {
  border-right: 1px solid #d9e0e8;
}

.hpg-result-stat i {
  font-size: 48px;
  color: var(--hpg-green-dark);
}

.hpg-result-stat h3 {
  color: var(--hpg-green-dark);
  font-size: 42px;
  font-weight: 900;
}

.hpg-result-stat p {
  font-size: 14px;
  font-weight: 800;
}

.hpg-auto-cta {
  background: linear-gradient(135deg, #4d9e1f, #73c532);
  color: #fff;
  padding: 20px 0;
}

.hpg-auto-cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.hpg-auto-cta h3 {
  font-size: 28px;
  font-weight: 900;
  margin: 0 0 4px;
}

.hpg-auto-cta p {
  margin: 0;
}

.hpg-btn-white {
  background: #fff;
  color: var(--hpg-green-dark);
}

/* Responsive */
@media (max-width: 991px) {
  .hpg-auto-hero {
    background:
      linear-gradient(90deg, rgba(3,18,34,.96), rgba(3,18,34,.82)),
      url("../images/services-banner.png") center / cover no-repeat;
  }

  .hpg-hero-points {
    grid-template-columns: 1fr;
  }

  .hpg-auto-grid-wrap,
  .hpg-real-results {
    border-left: 0;
    padding-left: 22px;
    padding-right: 22px;
  }

  .hpg-result-stat {
    border-right: 0;
  }

  .hpg-auto-cta-inner {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .hpg-auto-hero,
  .hpg-auto-hero-row {
    min-height: 620px;
  }

  .hpg-btn {
    width: 100%;
  }

  .hpg-line-title span {
    width: 45px;
  }

  .hpg-line-title h3 {
    font-size: 17px;
  }

  .hpg-feature-card {
    padding: 22px 10px;
  }

  .hpg-logo-cloud {
    justify-content: center;
    text-align: center;
  }
}











/* Marketing Services Page CSS */



.hpms-label {
  color: #69b82f;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}

.hpms-services-hero {
  min-height: 650px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(3,18,34,.98) 0%, rgba(3,18,34,.9) 38%, rgba(3,18,34,.28) 70%, rgba(3,18,34,0) 100%),
    url("../images/Home-banner.png") center right / cover no-repeat;
}

.hpms-services-hero-row {
  min-height: 650px;
}

.hpms-services-hero h1 {
  font-size: clamp(38px, 5vw, 53px);
  font-weight: 700;
  line-height: 1.05;
}

.hpms-services-hero h1 span {
  color: #69b82f;
}

.hpms-services-hero p {
  font-size: 17px;
  line-height: 1.65;
  margin: 18px 0 24px;
}

.hpms-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: linear-gradient(135deg, #69b82f, #4c9d20);
  color: #fff;
  text-decoration: none;
  padding: 10px 26px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpms-btn span,
.hpms-outline-green span {
  font-size: 25px;
}

.hpms-service-solutions h2,
.hpms-process h2,
.hpms-real-results-cta h2 {
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 900;
  line-height: 1.15;
}

.hpms-service-card {
  height: 100%;
  border: 1px solid #d9e0e8;
  border-radius: 7px;
  padding: 28px 20px;
  background: #fff;
}

.hpms-service-card i {
  width: 76px;
  height: 76px;
  background: #eef4e9;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  color: #4c9d20;
  font-size: 40px;
}

.hpms-service-card h5 {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpms-service-card p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.hpms-service-cta {
  margin-top: 18px;
  background: #eef4e9;
  border-radius: 8px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: 86px 1fr auto;
  align-items: center;
  gap: 20px;
  text-align: left;
}

.hpms-service-cta i {
  font-size: 54px;
  color: #4c9d20;
  text-align: center;
}

.hpms-service-cta h3 {
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 4px;
}

.hpms-service-cta p {
  margin: 0;
  font-size: 14px;
}

.hpms-outline-green {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #4c9d20;
  border: 1px solid #4c9d20;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  background: #ffffff00;
      justify-content: center;
}

.hpms-process-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 34px;
  margin-top: 35px;
}

.hpms-process-step {
  position: relative;
  text-align: center;
}

.hpms-process-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 38px;
  right: -52px;
  width: 90px;
  border-top: 1px dashed #60a72b;
}

.hpms-process-step b {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  background: #69b82f;
  color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  z-index: 2;
  font-size: 13px;
}

.hpms-process-step div {
  width: 82px;
  height: 82px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: #eef4e9;
  display: grid;
  place-items: center;
}

.hpms-process-step i {
  font-size: 38px;
  color: #071832;
}

.hpms-process-step h5 {
  font-weight: 900;
  font-size: 15px;
  text-transform: uppercase;
}

.hpms-process-step p {
  font-size: 13px;
  line-height: 1.55;
  max-width: 175px;
  margin: 0 auto;
}

.hpms-why {
  padding: 30px 0;
}

.hpms-why-inner {
  background: radial-gradient(circle at center, #082746 0%, #031426 75%);
  color: #fff;
  border-radius: 8px;
  padding: 32px;
  display: grid;
  grid-template-columns: 1.35fr repeat(4, 1fr);
  gap: 24px;
}

.hpms-why-title h2 {
  font-size: 30px;
  font-weight: 900;
  line-height: 1.15;
}

.hpms-why-item {
  border-left: 1px solid rgba(105,184,47,.45);
  padding-left: 24px;
  text-align: center;
}

.hpms-why-item i {
  font-size: 45px;
  margin-bottom: 12px;
}

.hpms-why-item h5 {
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpms-why-item p {
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}

.hpms-real-results-cta {
  padding: 0 0 22px;
}

.hpms-real-results-cta img {
  width: 100%;
  object-fit: cover;
}

.hpms-real-results-cta p {
  margin: 0;
  font-size: 16px;
}

@media (max-width: 991px) {
  .hpms-services-hero {
    background:
      linear-gradient(90deg, rgba(3,18,34,.96), rgba(3,18,34,.82)),
      url("../images/Home-banner.png") center / cover no-repeat;
  }

  .hpms-service-cta {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hpms-process-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .hpms-process-step::after {
    display: none;
  }

  .hpms-why-inner {
    grid-template-columns: 1fr 1fr;
  }

  .hpms-why-title {
    grid-column: 1 / -1;
    text-align: center;
  }

  .hpms-why-item {
    border-left: 0;
    padding-left: 0;
  }
}

@media (max-width: 575px) {
  .hpms-services-hero,
  .hpms-services-hero-row {
    min-height: 560px;
  }

  .hpms-btn,
  .hpms-outline-green {
    width: 100%;
  }

  .hpms-process-row,
  .hpms-why-inner {
    grid-template-columns: 1fr;
  }

  .hpms-service-card {
    padding: 24px 16px;
  }

  .hpms-real-results-cta {
    text-align: center;
  }
}










/* testimonials Page CSS */


.hptm-label {
  color: #69b82f;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}

.hptm-hero {
  min-height: 600px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(3,18,34,.98) 0%, rgba(3,18,34,.9) 38%, rgba(3,18,34,.28) 70%, rgba(3,18,34,0) 100%),
    url("../images/testimonial-banner.png") center right / cover no-repeat;
}

.hptm-hero-row {
  min-height: 600px;
}

.hptm-hero h1 {
  font-size: clamp(42px, 5vw, 62px);
  font-weight: 700;
  line-height: 1;
}

.hptm-hero h1 span,
.hptm-hero-stats h3 {
  color: #69b82f;
}

.hptm-hero p {
  font-size: 17px;
  line-height: 1.65;
  margin: 18px 0 26px;
}

.hptm-hero-stats {
  display: flex;
  gap: 55px;
  align-items: center;
}

.hptm-hero-stats > div + div {
  border-left: 1px solid rgba(255,255,255,.25);
  padding-left: 55px;
}

.hptm-stars {
  color: #69b82f;
  font-size: 24px;
  letter-spacing: 3px;
}

.hptm-hero-stats h3 {
  font-size: 36px;
  font-weight: 900;
  margin: 0;
}

.hptm-hero-stats p {
  margin: 0;
  font-size: 15px;
}

.hptm-testimonials h2 {
  font-size: clamp(30px, 3vw, 38px);
  font-weight: 900;
}

.hptm-card {
  height: 100%;
  text-align: left;
  border: 1px solid #d9e0e8;
  border-radius: 8px;
  padding: 28px;
  background: #fff;
}

.hptm-quote {
  color: #4c9d20;
  font-size: 58px;
  font-weight: 900;
  line-height: .6;
}

.hptm-card p {
  font-size: 15px;
  line-height: 1.75;
  min-height: 138px;
}

.hptm-author {
  border-top: 1px solid #d9e0e8;
  padding-top: 18px;
  display: grid;
  grid-template-columns: 58px 1fr auto;
  gap: 14px;
  align-items: center;
}

.hptm-author img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}

.hptm-author strong {
  font-size: 14px;
  display: block;
}

.hptm-author small {
  font-size: 12px;
}

.hptm-author span {
  color: #4c9d20;
  letter-spacing: 3px;
  white-space: nowrap;
}

.hptm-impact {
  padding: 0 0 28px;
}

.hptm-impact-inner {
  background: radial-gradient(circle at center, #082746 0%, #031426 75%);
  color: #fff;
  border-radius: 8px;
  padding: 28px 30px 34px;
}

.hptm-impact-inner h3 {
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 26px;
}

.hptm-stat {
  border-right: 1px solid rgba(255,255,255,.22);
}

.hptm-stat i {
  width: 62px;
  height: 62px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: linear-gradient(135deg, #69b82f, #4c9d20);
  display: grid;
  place-items: center;
  font-size: 30px;
}

.hptm-stat h2 {
  color: #69b82f;
  font-size: clamp(38px, 5vw, 52px);
  font-weight: 900;
  margin: 0;
}

.hptm-stat p {
  font-size: 16px;
  line-height: 1.35;
  margin: 0;
}

.hptm-cta {
  padding: 0 0 22px;
}

.hptm-cta-inner {
  background: #f4f6f8;
  border-radius: 8px;
  padding: 28px 95px;
  display: grid;
  grid-template-columns: 1fr 1px 330px;
  align-items: center;
  gap: 58px;
}

.hptm-cta-content {
  text-align: left;
}

.hptm-divider {
  width: 1px;
  height: 105px;
  background: #d9e0e8;
}

.hptm-cta h2 {
  font-size: 26px;
  font-weight: 900;
  margin: 0 0 8px;
}

.hptm-cta p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 12px;
}

.hptm-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #69b82f, #4c9d20);
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.hptm-btn span {
  font-size: 22px;
}

.hptm-google {
  background: #fff;
  border-radius: 8px;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  gap: 26px;
  min-height: 112px;
}

.hptm-google strong {
  font-size: 33px;
  color: #4285f4;
  font-weight: 500;
}

.hptm-google span {
  color: #f6a400;
  font-size: 20px;
  letter-spacing: 2px;
}

.hptm-google p {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.35;
}

@media (max-width: 991px) {
  .hptm-cta-inner {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px;
    text-align: center;
  }

  .hptm-cta-content {
    text-align: center;
  }

  .hptm-divider {
    display: none;
  }

  .hptm-google {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .hptm-btn {
    width: 100%;
    justify-content: center;
  }

  .hptm-google {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .hptm-hero {
    background:
      linear-gradient(90deg, rgba(3,18,34,.96), rgba(3,18,34,.82)),
      url("../images/testimonial-banner.png") center / cover no-repeat;
  }

  .hptm-card p {
    min-height: auto;
  }

  .hptm-stat {
    border-right: 0;
  }

  .hptm-cta-inner {
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 30px;
    text-align: center;
  }

  .hptm-cta-inner::before {
    display: none;
  }

  .hptm-google {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .hptm-hero,
  .hptm-hero-row {
    min-height: 560px;
  }

  .hptm-hero-stats {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .hptm-hero-stats > div + div {
    border-left: 0;
    padding-left: 0;
  }

  .hptm-author {
    grid-template-columns: 52px 1fr;
  }

  .hptm-author span {
    grid-column: 1 / -1;
  }

  .hptm-btn {
    width: 100%;
    justify-content: center;
  }

  .hptm-google {
    flex-direction: column;
    gap: 12px;
  }
}











/* COntact Us Page CSS */


.hpcu-label {
  color: #69b82f;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}

.hpcu-hero {
  min-height: 600px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(3,18,34,.98) 0%, rgba(3,18,34,.9) 38%, rgba(3,18,34,.22) 72%, rgba(3,18,34,0) 100%),
    url("../images/Home-banner.png") center right / cover no-repeat;
}

.hpcu-hero-row {
  min-height: 600px;
}

.hpcu-hero h1 {
  font-size: clamp(40px, 5vw, 62px);
  font-weight: 700;
  line-height: 1.05;
}

.hpcu-hero h1 span {
  color: #69b82f;
}

.hpcu-hero p {
  font-size: 17px;
  line-height: 1.65;
  margin: 22px 0 28px;
}

.hpcu-hero-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.hpcu-hero-points div {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 0 12px;
}

.hpcu-hero-points i {
  grid-row: span 2;
  width: 40px;
  height: 40px;
  border: 1px solid #69b82f;
  border-radius: 50%;
  color: #69b82f;
  display: grid;
  place-items: center;
  font-size: 20px;
}

.hpcu-hero-points strong {
  font-size: 13px;
}

.hpcu-hero-points small {
  font-size: 12px;
  line-height: 1.35;
}

.hpcu-contact-main h2,
.hpcu-office-content h2,
.hpcu-why h2 {
  font-size: clamp(28px, 3vw, 34px);
  font-weight: 900;
  line-height: 1.15;
}

.hpcu-contact-main p {
  font-size: 16px;
  line-height: 1.6;
}

.hpcu-form input,
.hpcu-form select,
.hpcu-form textarea {
  width: 100%;
  border: 1px solid #d9e0e8;
  border-radius: 4px;
  padding: 15px 18px;
  font-size: 14px;
  color: #071832;
  background: #fff;
}

.hpcu-form textarea {
  height: 105px;
  resize: none;
}

.hpcu-check {
    font-size: 13px;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
}

input[type="checkbox"] {
    width: 3%;
}

.hpcu-form button {
  width: 100%;
  border: 0;
  background: linear-gradient(135deg, #69b82f, #4c9d20);
  color: #fff;
  padding: 16px 24px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}

.hpcu-form button span {
  font-size: 24px;
  margin-left: 14px;
}

.hpcu-privacy {
  text-align: center;
  color: #6b7685;
  font-size: 12px;
  margin-top: 20px;
}

.hpcu-info-wrap {
  border-left: 1px solid #d9e0e8;
  padding-left: 70px;
}

.hpcu-contact-list {
  display: grid;
  gap: 26px;
  margin-top: 28px;
}

.hpcu-contact-list div {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
  align-items: start;
}

.hpcu-contact-list i {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(135deg, #69b82f, #4c9d20);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 25px;
}

.hpcu-contact-list p {
  margin: 0;
  line-height: 1.45;
}

.hpcu-contact-list strong {
  font-size: 16px;
}

.hpcu-contact-list small {
  font-size: 13px;
}

.hpcu-trust-box {
  margin-top: 34px;
  border: 1px solid #d9e0e8;
  border-radius: 8px;
  padding: 24px 28px;
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 18px;
}

.hpcu-trust-box i {
  font-size: 48px;
  color: #4c9d20;
}

.hpcu-trust-box h3 {
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 8px;
}

.hpcu-trust-box p {
  margin: 0;
}

.hpcu-office {
  padding: 0 0 24px;
}

.hpcu-office-grid {
  display: grid;
  grid-template-columns: 1.6fr .9fr 1fr;
  border-radius: 8px;
  overflow: hidden;
  background: #f5f7f8;
}

.hpcu-office-grid img {
  width: 100%;
  height: 395px;
  object-fit: cover;
}

.hpcu-office-content {
  padding: 42px 34px;
}

.hpcu-office-content h4 {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.45;
  margin: 14px 0 20px;
}

.hpcu-office-content p {
  font-size: 15px;
  line-height: 1.65;
}

.hpcu-why {
  padding: 0 0 24px;
}

.hpcu-why-inner {
  background: radial-gradient(circle at center, #082746 0%, #031426 75%);
  color: #fff;
  border-radius: 8px;
  padding: 32px 42px;
  text-align: center;
}

.hpcu-why-item {
  border-right: 1px solid rgba(255,255,255,.28);
  padding: 0 24px;
}

.hpcu-why-item i {
  font-size: 54px;
  color: #69b82f;
  margin-bottom: 12px;
  display: block;
}

.hpcu-why-item h5 {
  font-size: 16px;
  font-weight: 900;
}

.hpcu-why-item p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 991px) {
  .hpcu-hero {
    background:
      linear-gradient(90deg, rgba(3,18,34,.96), rgba(3,18,34,.82)),
      url("../images/Home-banner.png") center / cover no-repeat;
  }

  .hpcu-hero-points {
    grid-template-columns: 1fr;
  }

  .hpcu-info-wrap {
    border-left: 0;
    padding-left: 22px;
  }

  .hpcu-office-grid {
    grid-template-columns: 1fr;
  }

  .hpcu-office-grid img {
    height: 240px;
  }

  .hpcu-why-item {
    border-right: 0;
  }
}

@media (max-width: 575px) {
  .hpcu-hero,
  .hpcu-hero-row {
    min-height: 620px;
  }

  .hpcu-contact-list div,
  .hpcu-trust-box {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hpcu-contact-list i {
    margin: 0 auto;
  }

  .hpcu-office-content {
    padding: 30px 22px;
    text-align: center;
  }
}