.supreme-hero {
  position: relative;
  min-height: 720px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image: url("https://supremejobs.ca/wp-content/uploads/2026/05/desktop-hero-bg.webp");
  background-size: cover;
  background-position: center right;
  font-family: "Montserrat", "Poppins", Arial, sans-serif;
  color: #fff;
}

/* Desktop Overlay */
.supreme-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.88) 0%,
      rgba(0, 0, 0, 0.72) 38%,
      rgba(0, 0, 0, 0.35) 70%,
      rgba(0, 0, 0, 0.15) 100%
    );
  z-index: 1;
}

/* Content */
.supreme-hero-content {
  position: relative;
  z-index: 2;
  max-width: 720px;
  padding: 120px 6%;
}

/* Eyebrow text */
.supreme-eyebrow {
  margin: 0 0 22px;
  color: #C8972A;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6); /* visibility fix */
}

/* Heading */
.supreme-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(44px, 5vw, 80px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -1px;
}

/* Gold line */
.supreme-line {
  width: 80px;
  height: 3px;
  background: #C8972A;
  margin: 30px 0 26px;
}

/* Subtitle */
.supreme-subtitle {
  max-width: 560px;
  margin: 0 0 38px;
  color: #f1f1f1;
  font-size: 20px;
  line-height: 1.7;
}

/* Button */
.supreme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #C8972A;
  color: #fff;
  padding: 16px 38px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  border-radius: 50px;
  border: 2px solid #C8972A;
  transition: all .3s ease;
}

.supreme-btn:hover {
  background: transparent;
  color: #D6893A;
}

/* Tablet */
@media (max-width: 1024px) {
  .supreme-hero {
    min-height: 640px;
    background-position: center;
  }

  .supreme-hero-content {
    padding: 100px 7%;
  }

  .supreme-subtitle {
    font-size: 18px;
  }
}

/* Mobile FIXED */
@media (max-width: 767px) {
  .supreme-hero {
    min-height: 620px;
    background-image: url("https://supremejobs.ca/wp-content/uploads/2026/05/mobile-hero-bg.webp");
    background-position: center top;
    align-items: flex-end;
  }

  /* 🔥 FIXED OVERLAY FOR VISIBILITY */
  .supreme-hero-overlay {
    background:
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.65) 30%,
        rgba(0, 0, 0, 0.75) 60%,
        rgba(0, 0, 0, 0.95) 100%
      );
  }

  .supreme-hero-content {
    padding: 80px 24px 50px;
  }

  .supreme-eyebrow {
    font-size: 13px;
    letter-spacing: 1.4px;
  }

  .supreme-hero h1 {
    font-size: 38px;
  }

  .supreme-line {
    width: 60px;
    margin: 20px 0;
  }

  .supreme-subtitle {
    font-size: 15px;
    margin-bottom: 28px;
  }

  .supreme-btn {
    padding: 14px 28px;
    font-size: 13px;
  }
}

/* ============================================================
   Supreme Employment — Homepage
   File: homepage.css
   Scope: .hp
   Font: Montserrat | Navy #16293A | Gold #C8972A
   ============================================================
      ============================================================ */

.hp{
  --hp-navy:     #16293A;
  --hp-navy-dark:#0d1c27;
  --hp-gold:     #C8972A;
  --hp-gold-lt:  #d9a832;
  --hp-gold-pale:#f5e9cc;
  --hp-white:    #ffffff;
  --hp-off:      #f7f6f3;
  --hp-mid:      #3d5166;
  --hp-muted:    #6b7f90;
  --hp-font:     'Montserrat',sans-serif;
  --hp-ease:     .27s cubic-bezier(.4,0,.2,1);
  --hp-r:        6px;
  --hp-rlg:      14px;
  --hp-pad:      clamp(60px,8vw,100px) 0;
  --hp-maxw:     1180px;
}

.hp *,.hp *::before,.hp *::after{box-sizing:border-box;margin:0;padding:0}
.hp{font-family:var(--hp-font);color:var(--hp-navy);background:var(--hp-white);line-height:1.65;-webkit-font-smoothing:antialiased}

/* ── LAYOUT ───────────────────────────────────────────────── */
.hp-w{max-width:var(--hp-maxw);margin:0 auto;padding:0 clamp(20px,5vw,60px)}
.hp-sec{padding:var(--hp-pad)}

/* ── SHARED ATOMS ─────────────────────────────────────────── */
.hp-eye{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hp-gold);margin-bottom:14px}
.hp-eye::before{content:'';display:block;width:28px;height:2px;background:var(--hp-gold);flex-shrink:0}
.hp-eye--c{justify-content:center}
.hp-eye--c::before,.hp-eye--c::after{content:'';display:block;width:28px;height:2px;background:var(--hp-gold);flex-shrink:0}

.hp-h2{font-size:clamp(26px,4vw,44px);font-weight:800;line-height:1.1;text-transform:uppercase;color:var(--hp-navy);margin-bottom:16px}
.hp-h2 em{font-style:normal;color:var(--hp-gold)}
.hp-h2w{color:#ffffff}

.hp-p{font-size:15px;color:var(--hp-mid);line-height:1.78;margin-bottom:20px;font-weight:500}
.hp-pw{color:rgba(255,255,255,.68)}

.hp-btn{display:inline-flex;align-items:center;gap:10px;background:var(--hp-gold);color:var(--hp-navy-dark);font-family:var(--hp-font);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:15px 30px;border-radius:var(--hp-r);text-decoration:none;transition:var(--hp-ease);border:2px solid var(--hp-gold);white-space:nowrap}
.hp-btn:hover{background:var(--hp-gold-lt);border-color:var(--hp-gold-lt);transform:translateY(-2px)}
.hp-btn svg{width:16px;height:16px;flex-shrink:0}
.hp-btn--outline{background:transparent;color:var(--hp-gold)}
.hp-btn--outline:hover{background:var(--hp-gold);color:var(--hp-navy-dark)}
.hp-btn--dark{background:var(--hp-navy-dark);color:var(--hp-gold);border-color:var(--hp-navy-dark)}
.hp-btn--dark:hover{background:var(--hp-navy);border-color:var(--hp-navy)}
.hp-btn--dark-outline{background:transparent;color:var(--hp-navy-dark);border-color:var(--hp-navy-dark)}
.hp-btn--dark-outline:hover{background:var(--hp-navy-dark);color:var(--hp-gold)}

.hp-sh{text-align:center;margin-bottom:clamp(36px,5vw,56px)}
.hp-sh .hp-p{max-width:580px;margin:0 auto;color:var(--hp-muted)}

.hp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}

/* ── IMAGE PLACEHOLDER ────────────────────────────────────── */
.hp-img-ph{width:100%;background:var(--hp-off);border-radius:var(--hp-rlg);border:2px dashed rgba(200,151,42,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}
.hp-img-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--hp-rlg) - 2px);display:block}
.hp-img-ph__tag{position:relative;z-index:2;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-gold);background:rgba(200,151,42,.1);border:1px dashed var(--hp-gold);padding:5px 14px;border-radius:3px;pointer-events:none}
.hp-img-ph__dim{position:relative;z-index:2;font-size:11px;color:var(--hp-muted);pointer-events:none}

/* ── TRUST BAR ────────────────────────────────────────────── */
.hp-trust{background:var(--hp-navy-dark);border-top:3px solid var(--hp-gold)}
.hp-trust__inner{max-width:var(--hp-maxw);margin:0 auto;padding:0 clamp(20px,5vw,60px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0}
.hp-trust__item{padding:24px 20px;text-align:center;flex:1}
.hp-trust__n{font-size:clamp(24px,3.5vw,38px);font-weight:900;color:var(--hp-gold);line-height:1;display:block}
.hp-trust__l{font-size:11px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.5);text-transform:uppercase;display:block;margin-top:5px}
.hp-trust__div{width:1px;height:48px;background:rgba(200,151,42,.2);flex-shrink:0}

/* ── ABOUT ────────────────────────────────────────────────── */
.hp-about__img{position:relative}
.hp-float-card{position:absolute;bottom:-20px;right:-20px;background:var(--hp-gold);color:var(--hp-navy-dark);padding:18px 22px;border-radius:var(--hp-rlg);display:flex;align-items:center;gap:14px;z-index:10;box-shadow:0 12px 32px rgba(200,151,42,.35);max-width:240px}
.hp-float-card__icon{width:44px;height:44px;background:rgba(13,28,39,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-float-card__n{font-size:26px;font-weight:900;line-height:1;display:block}
.hp-float-card__t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-top:3px;opacity:.8}

.hp-about__pillars{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.hp-pillar{display:flex;align-items:flex-start;gap:14px}
.hp-pillar__icon{width:40px;height:40px;background:rgba(200,151,42,.1);border:1px solid rgba(200,151,42,.3);border-radius:var(--hp-r);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--hp-gold)}
.hp-pillar__icon svg{width:18px;height:18px}
.hp-pillar__t{font-size:14px;font-weight:800;color:var(--hp-navy);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.hp-pillar__d{font-size:13px;color:var(--hp-muted);line-height:1.55}

/* ── SERVICES GRID ────────────────────────────────────────── */
.hp-services__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.hp-scard{background:var(--hp-white);border-radius:var(--hp-rlg);overflow:hidden;border:1px solid rgba(22,41,58,.08);transition:var(--hp-ease);display:flex;flex-direction:column}
.hp-scard:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(22,41,58,.12);border-color:rgba(200,151,42,.3)}
.hp-scard__img{width:100%;aspect-ratio:16/10;background:var(--hp-off);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-scard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-scard__num{position:absolute;top:16px;left:16px;font-size:48px;font-weight:900;color:rgba(255,255,255,.15);line-height:1;z-index:2;pointer-events:none}
.hp-scard__img-tag{position:relative;z-index:2;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-gold);background:rgba(200,151,42,.1);border:1px dashed var(--hp-gold);padding:4px 12px;border-radius:3px}
.hp-scard__body{padding:28px;flex:1;display:flex;flex-direction:column}
.hp-scard__title{font-size:16px;font-weight:800;text-transform:uppercase;color:var(--hp-navy);margin-bottom:10px;line-height:1.25;letter-spacing:.02em}
.hp-scard__text{font-size:14px;color:var(--hp-muted);line-height:1.72;margin-bottom:16px;flex:1}
.hp-scard__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.hp-scard__tags span{background:var(--hp-gold-pale);color:#6b4800;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:30px;border:1px solid rgba(200,151,42,.25)}
.hp-scard__link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-gold);text-decoration:none;transition:var(--hp-ease);margin-top:auto}
.hp-scard__link svg{width:14px;height:14px;transition:transform var(--hp-ease)}
.hp-scard:hover .hp-scard__link svg{transform:translateX(4px)}

/* ── HOW IT WORKS ─────────────────────────────────────────── */
.hp-hiw .hp-sh{margin-bottom:clamp(36px,5vw,56px)}
.hp-hiw__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.hp-hiw__grid::before{content:'';position:absolute;top:140px;left:20%;right:20%;height:1px;background:rgba(200,151,42,.2);pointer-events:none}
.hp-hiw__step{text-align:center;position:relative;z-index:1}
.hp-hiw__num{font-size:56px;font-weight:900;color:rgba(200,151,42,.15);line-height:1;margin-bottom:12px}
.hp-hiw__img{width:100%;aspect-ratio:3/2;background:rgba(255,255,255,.04);border-radius:var(--hp-rlg);border:1px solid rgba(200,151,42,.15);display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative}
.hp-hiw__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--hp-rlg)}
.hp-hiw__t{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#ffffff;margin-bottom:10px}
.hp-hiw__d{font-size:13px;color:rgba(255,255,255,.52);line-height:1.65;padding:0 10px}

/* ── WHY US ───────────────────────────────────────────────── */
.hp-why__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.hp-why__item{display:flex;align-items:flex-start;gap:12px}
.hp-why__icon{width:36px;height:36px;background:rgba(200,151,42,.1);border:1px solid rgba(200,151,42,.25);border-radius:var(--hp-r);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--hp-gold)}
.hp-why__icon svg{width:16px;height:16px}
.hp-why__t{font-size:13px;font-weight:800;color:#ffffff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.hp-why__d{font-size:12px;color:rgba(255,255,255,.5);line-height:1.5}

.hp-why__img-col{position:relative}
.hp-why__badge{position:absolute;bottom:-20px;left:-20px;background:var(--hp-gold);color:var(--hp-navy-dark);padding:20px 24px;border-radius:var(--hp-rlg);text-align:center;z-index:10;box-shadow:0 12px 32px rgba(200,151,42,.35)}
.hp-why__badge-n{font-size:42px;font-weight:900;line-height:1;display:block}
.hp-why__badge-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-top:4px;opacity:.85}

/* ── INDUSTRIES ───────────────────────────────────────────── */
.hp-ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:40px}
.hp-ind-card{background:var(--hp-white);border:1px solid rgba(22,41,58,.1);border-radius:var(--hp-rlg);padding:28px 20px;text-align:center;transition:var(--hp-ease);cursor:default}
.hp-ind-card:hover{background:var(--hp-navy);border-color:var(--hp-navy);transform:translateY(-4px);box-shadow:0 12px 32px rgba(22,41,58,.14)}
.hp-ind-card__icon{width:52px;height:52px;background:rgba(200,151,42,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--hp-gold);transition:var(--hp-ease)}
.hp-ind-card:hover .hp-ind-card__icon{background:rgba(200,151,42,.2)}
.hp-ind-card__icon svg{width:22px;height:22px}
.hp-ind-card__t{font-size:13px;font-weight:700;color:var(--hp-navy);text-transform:uppercase;letter-spacing:.04em;line-height:1.4;transition:var(--hp-ease)}
.hp-ind-card:hover .hp-ind-card__t{color:var(--hp-gold)}

/* ── COVERAGE ─────────────────────────────────────────────── */
.hp-coverage{padding:var(--hp-pad)}
.hp-coverage__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}
.hp-coverage__locs{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hp-coverage__locs span{background:rgba(200,151,42,.1);border:1px solid rgba(200,151,42,.25);color:rgba(255,255,255,.75);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border-radius:var(--hp-r);transition:var(--hp-ease)}
.hp-coverage__locs span:hover{background:var(--hp-gold);color:var(--hp-navy-dark);border-color:var(--hp-gold)}
.hp-coverage__img{position:relative}

/* ── TESTIMONIALS ─────────────────────────────────────────── */
.hp-testi__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hp-tcard{background:var(--hp-white);border:1px solid rgba(22,41,58,.09);border-radius:var(--hp-rlg);padding:32px 28px;display:flex;flex-direction:column;transition:var(--hp-ease);position:relative;overflow:hidden}
.hp-tcard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:var(--hp-ease)}
.hp-tcard:hover{box-shadow:0 16px 40px rgba(22,41,58,.1);transform:translateY(-4px)}
.hp-tcard:hover::before{background:var(--hp-gold)}
.hp-tcard__stars{font-size:16px;color:var(--hp-gold);letter-spacing:2px;margin-bottom:14px}
.hp-tcard__q{font-size:14px;color:var(--hp-mid);line-height:1.72;font-style:italic;margin-bottom:24px;flex:1}
.hp-tcard__author{display:flex;align-items:center;gap:12px}
.hp-tcard__avatar{width:44px;height:44px;border-radius:50%;background:var(--hp-navy);color:var(--hp-gold);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-tcard__name{font-size:13px;font-weight:800;color:var(--hp-navy);text-transform:uppercase;letter-spacing:.06em}
.hp-tcard__role{font-size:11px;color:var(--hp-muted);margin-top:2px;line-height:1.4}

/* ── DUAL CTA ─────────────────────────────────────────────── */
.hp-dual{padding:var(--hp-pad)}
.hp-dual__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hp-dual__card{border-radius:var(--hp-rlg);overflow:hidden;display:flex;flex-direction:column}
.hp-dual__card--dark{background:var(--hp-navy)}
.hp-dual__card--light{background:var(--hp-white);border:1px solid rgba(22,41,58,.1)}
.hp-dual__img{width:100%;aspect-ratio:16/9;background:rgba(22,41,58,.08);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hp-dual__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-dual__body{padding:32px 28px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:0}
.hp-dual__t{font-size:clamp(20px,2.8vw,30px);font-weight:800;text-transform:uppercase;color:var(--hp-navy);line-height:1.12;margin-bottom:12px}
.hp-dual__t em{font-style:normal;color:var(--hp-gold)}
.hp-dual__d{font-size:14px;line-height:1.65;margin-bottom:24px;font-weight:500}

/* ── BLOG ─────────────────────────────────────────────────── */
.hp-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hp-bcard{background:var(--hp-white);border-radius:var(--hp-rlg);overflow:hidden;border:1px solid rgba(22,41,58,.08);transition:var(--hp-ease);display:flex;flex-direction:column}
.hp-bcard:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(22,41,58,.1)}
.hp-bcard__img{width:100%;aspect-ratio:16/9;background:var(--hp-off);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}
.hp-bcard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hp-bcard__body{padding:24px;flex:1;display:flex;flex-direction:column}
.hp-bcard__cat{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hp-gold);margin-bottom:10px;display:block}
.hp-bcard__t{font-size:15px;font-weight:800;color:var(--hp-navy);line-height:1.35;margin-bottom:10px;text-transform:uppercase}
.hp-bcard__d{font-size:13px;color:var(--hp-muted);line-height:1.65;margin-bottom:16px;flex:1}
.hp-bcard__link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-gold);text-decoration:none;transition:var(--hp-ease)}
.hp-bcard__link svg{width:14px;height:14px;transition:transform var(--hp-ease)}
.hp-bcard:hover .hp-bcard__link svg{transform:translateX(4px)}

/* ── FINAL CTA ────────────────────────────────────────────── */
.hp-cta{background:var(--hp-gold);padding:clamp(60px,8vw,90px) 0}
.hp-cta__inner{display:grid;grid-template-columns:1fr auto;gap:clamp(32px,5vw,64px);align-items:center}
.hp-cta__t{font-size:clamp(26px,4vw,46px);font-weight:900;text-transform:uppercase;color:var(--hp-navy-dark);line-height:1.08;margin-bottom:12px}
.hp-cta__t em{font-style:normal;color:var(--hp-white)}
.hp-cta__d{font-size:15px;color:rgba(13,28,39,.7);line-height:1.65;font-weight:500;max-width:500px}
.hp-cta__btns{display:flex;flex-direction:column;gap:12px;flex-shrink:0}

/* ── RESPONSIVE: TABLET ≤960px ────────────────────────────── */
@media(max-width:960px){
  .hp-split{grid-template-columns:1fr}
  .hp-float-card{bottom:-10px;right:10px}
  .hp-services__grid{grid-template-columns:1fr}
  .hp-hiw__grid{grid-template-columns:1fr;gap:36px}
  .hp-hiw__grid::before{display:none}
  .hp-why__grid{grid-template-columns:1fr}
  .hp-why .hp-split{grid-template-columns:1fr}
  .hp-why__img-col{display:none}
  .hp-coverage__inner{grid-template-columns:1fr}
  .hp-coverage__img{display:none}
  .hp-testi__grid{grid-template-columns:1fr}
  .hp-dual__grid{grid-template-columns:1fr}
  .hp-blog__grid{grid-template-columns:1fr}
  .hp-cta__inner{grid-template-columns:1fr}
  .hp-cta__btns{flex-direction:row;flex-wrap:wrap}
  .hp-trust__inner{justify-content:center}
  .hp-trust__div{display:none}
  .hp-trust__item{min-width:45%}
  .hp-ind-grid{grid-template-columns:repeat(2,1fr)}
}

/* ── RESPONSIVE: MOBILE ≤600px ────────────────────────────── */
@media(max-width:600px){
  .hp-trust__item{min-width:100%}
  .hp-services__grid{grid-template-columns:1fr}
  .hp-ind-grid{grid-template-columns:1fr 1fr}
  .hp-testi__grid{grid-template-columns:1fr}
  .hp-blog__grid{grid-template-columns:1fr}
  .hp-cta__btns{flex-direction:column}
  .hp-btn{justify-content:center}
  .hp-why__grid{grid-template-columns:1fr}
}