/*
  SmartWork — Mobile-First Redesign
  ──────────────────────────────────
  Not a collapsed desktop — a purposeful mobile experience.
  Loaded AFTER page <style> blocks. Uses !important to override page CSS.

  Design philosophy:
  • Bold, punchy hero text with lots of whitespace
  • Teal accent line separators between sections
  • Full-width CTA buttons with generous touch targets
  • Cards with subtle left-border accents instead of full borders
  • Clean single-column flow with rhythm
  • Emoji icons replaced with teal CSS accents where they render poorly
*/

/* ═══════════════════════════════════════════════════════════
   HAMBURGER NAV — always hidden on desktop
═══════════════════════════════════════════════════════════ */
.mob-ham   { display: none; }
.mob-menu  { display: none; }
.mob-overlay { display: none; }


/* ═══════════════════════════════════════════════════════════
   TABLET BREAKPOINT — 768px
═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box !important; }
body { overflow-x: hidden !important; }
img  { max-width: 100% !important; height: auto !important; }

/* ══════════════════════════════════════
   NAV — sticky, clean, hamburger
══════════════════════════════════════ */
nav {
  padding: 0 20px !important;
  height: 56px !important;
  min-height: 56px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 200 !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
}
.wordmark { font-size: 20px !important; flex-shrink: 0 !important; }
.nav-links { display: none !important; }

/* Hamburger button */
.mob-ham {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
  margin-left: auto !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 10px 4px !important;
  flex-shrink: 0 !important;
}
.mob-ham span {
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  background: #1E293B !important;
  border-radius: 2px !important;
  transition: transform 0.25s ease, opacity 0.25s ease !important;
}
/* X animation */
nav.mob-open .mob-ham span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
nav.mob-open .mob-ham span:nth-child(2) { opacity: 0 !important; }
nav.mob-open .mob-ham span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }

/* Overlay */
.mob-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 150 !important;
  background: rgba(0,0,0,0.3) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease !important;
}
nav.mob-open .mob-overlay { display: block !important; opacity: 1 !important; pointer-events: auto !important; }

/* Mobile menu dropdown */
.mob-menu {
  position: fixed !important;
  top: 56px !important;
  left: 0 !important;
  right: 0 !important;
  background: #FFFFFF !important;
  border-bottom: 2px solid #0D9488 !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
  z-index: 160 !important;
  padding: 12px 0 20px !important;
  transform: translateY(-10px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform 0.25s ease, opacity 0.25s ease !important;
}
nav.mob-open .mob-menu {
  display: block !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.mob-menu a {
  display: block !important;
  padding: 14px 24px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #1E293B !important;
  text-decoration: none !important;
  border-bottom: 1px solid #F1F5F9 !important;
  transition: background 0.15s, padding-left 0.15s !important;
}
.mob-menu a:last-child { border-bottom: none !important; }
.mob-menu a:hover,
.mob-menu a:active { background: #F0FDFA !important; padding-left: 30px !important; }
.mob-menu .mob-menu-cta {
  margin: 12px 20px 0 !important;
  background: #0D9488 !important;
  color: white !important;
  border-radius: 12px !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding: 16px 20px !important;
  border-bottom: none !important;
  display: block !important;
}
.mob-menu .mob-menu-cta:hover { background: #0F766E !important; padding-left: 20px !important; }


/* ══════════════════════════════════════
   HOMEPAGE HERO — big bold statement
══════════════════════════════════════ */
.hero {
  padding: 48px 24px 40px !important;
  max-width: 100% !important;
}
.pill {
  font-size: 11px !important;
  padding: 6px 14px !important;
  margin-bottom: 24px !important;
  display: inline-block !important;
}
.hero h1 {
  font-size: 38px !important;
  letter-spacing: -1.2px !important;
  line-height: 1.08 !important;
  max-width: 100% !important;
  margin-bottom: 18px !important;
}
.hero-sub {
  font-size: 16px !important;
  max-width: 100% !important;
  margin-bottom: 32px !important;
  line-height: 1.65 !important;
}
.hero-actions {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
}
.btn-lg {
  padding: 16px 24px !important;
  font-size: 16px !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  border-radius: 12px !important;
}
.btn-ghost {
  justify-content: center !important;
  font-size: 15px !important;
  text-align: center !important;
}


/* ══════════════════════════════════════
   STATS — 2×2 grid with dividers
══════════════════════════════════════ */
.stats {
  padding: 0 !important;
  border-top: 2px solid #0D9488 !important;
}
.stats-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  max-width: 100% !important;
}
.stat {
  flex: none !important;
  padding: 24px 20px !important;
  border-right: none !important;
  border-bottom: 1px solid #E2E8F0 !important;
  text-align: center !important;
}
.stats-inner .stat:nth-child(odd)  { border-right: 1px solid #E2E8F0 !important; }
.stats-inner .stat:nth-last-child(-n+2) { border-bottom: none !important; }
.stat:first-child { padding-left: 20px !important; }
.stat-num  { font-size: 28px !important; letter-spacing: -1px !important; }
.stat-label { font-size: 12px !important; line-height: 1.4 !important; }


/* ══════════════════════════════════════
   SECTION HEADINGS — punchy, tight
══════════════════════════════════════ */
.section {
  padding: 56px 24px !important;
  max-width: 100% !important;
}
.section-soft {
  padding: 56px 24px !important;
}
.section-soft .section-inner {
  max-width: 100% !important;
}
.section-label {
  font-size: 11px !important;
  margin-bottom: 10px !important;
  letter-spacing: 0.1em !important;
}
.section-heading {
  font-size: 28px !important;
  letter-spacing: -0.8px !important;
  line-height: 1.15 !important;
  margin-bottom: 14px !important;
}
.section-sub {
  font-size: 15px !important;
  max-width: 100% !important;
  margin-bottom: 36px !important;
  line-height: 1.65 !important;
}


/* ══════════════════════════════════════
   SERVICE CARDS (homepage) — left teal accent
══════════════════════════════════════ */
.cards {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}
.card {
  padding: 24px 22px 24px 20px !important;
  border-radius: 14px !important;
  border-left: 3px solid #0D9488 !important;
  border-top: 1px solid #E2E8F0 !important;
  border-right: 1px solid #E2E8F0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}
.card:hover { transform: none !important; box-shadow: none !important; }
.card-icon {
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 14px !important;
  border-radius: 10px !important;
  font-size: 20px !important;
}
.card h3 { font-size: 17px !important; margin-bottom: 8px !important; }
.card p  { font-size: 14px !important; margin-bottom: 14px !important; line-height: 1.6 !important; }
.tags { gap: 6px !important; margin-bottom: 16px !important; }
.tag { font-size: 11px !important; padding: 3px 8px !important; }
.card-link { font-size: 13px !important; }


/* ══════════════════════════════════════
   PROCESS STEPS — vertical with connector
══════════════════════════════════════ */
.steps {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin-top: 36px !important;
}
.steps::before { display: none !important; }
.step {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  padding: 20px 0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}
.step:last-child { border-bottom: none !important; }
.step-num {
  margin-bottom: 0 !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  font-size: 14px !important;
}
.step h4 { font-size: 15px !important; margin-bottom: 4px !important; }
.step p  { font-size: 13px !important; line-height: 1.55 !important; }


/* ══════════════════════════════════════
   PROOF / TESTIMONIALS — stacked cards
══════════════════════════════════════ */
.proof {
  padding: 48px 24px !important;
}
.proof-inner {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  max-width: 100% !important;
}
.proof-item {
  padding: 24px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
}
.proof-item:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.proof-item:first-child { padding-top: 0 !important; }
.proof-quote  { font-size: 15px !important; line-height: 1.65 !important; margin-bottom: 10px !important; }
.proof-author { font-size: 11px !important; }


/* ══════════════════════════════════════
   CTA BANNER — clean centered
══════════════════════════════════════ */
.cta-banner {
  padding: 56px 24px !important;
  max-width: 100% !important;
}
.cta-banner h2 {
  font-size: 30px !important;
  letter-spacing: -0.8px !important;
  margin-bottom: 14px !important;
}
.cta-banner p { font-size: 15px !important; margin-bottom: 28px !important; }
.cta-banner .btn-lg {
  width: 100% !important;
  display: block !important;
}
.cta-note { font-size: 12px !important; }


/* ══════════════════════════════════════
   FOOTER — stacked and centered
══════════════════════════════════════ */
footer {
  padding: 28px 24px !important;
  flex-direction: column !important;
  gap: 14px !important;
  text-align: center !important;
}
.footer-links {
  justify-content: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}
.footer-copy { font-size: 12px !important; }


/* ══════════════════════════════════════
   PAGE HERO (service / use-case pages)
══════════════════════════════════════ */
.page-hero {
  padding: 44px 24px 40px !important;
}
.page-hero-inner {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  max-width: 100% !important;
}
.page-hero h1 {
  font-size: 32px !important;
  letter-spacing: -0.8px !important;
  line-height: 1.12 !important;
  margin-bottom: 14px !important;
}
.page-hero p {
  font-size: 15px !important;
  margin-bottom: 20px !important;
  line-height: 1.65 !important;
}
.hero-tags { gap: 6px !important; }
.hero-tags .tag { font-size: 11px !important; }

/* Hide the right-side visual/mock on all page heroes */
.page-hero-inner > div:last-child:not(:first-child),
.page-hero-inner > div:nth-child(2) {
  display: none !important;
}
.page-hero-inner > div:first-child { display: block !important; }


/* ══════════════════════════════════════
   SERVICES PAGE — clean stacked sections
══════════════════════════════════════ */
.service-section {
  padding: 48px 24px !important;
  border-top: 1px solid #E2E8F0 !important;
  max-width: 100% !important;
}
.service-grid {
  display: block !important;
  direction: ltr !important;
}
.service-content {
  direction: ltr !important;
  margin-bottom: 0 !important;
}
.service-visual { display: none !important; }

.service-content h2 {
  font-size: 26px !important;
  letter-spacing: -0.6px !important;
  line-height: 1.15 !important;
  margin-bottom: 14px !important;
}
.service-content p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin-bottom: 18px !important;
}
.service-content .tags { margin-bottom: 20px !important; }
.include-list { margin-bottom: 24px !important; }
.include-list li { font-size: 14px !important; padding: 10px 0 !important; gap: 10px !important; }

.service-section .btn-lg {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

/* CTA-soft (services page bottom) */
.cta-soft {
  padding: 56px 24px !important;
}
.cta-soft h2 {
  font-size: 28px !important;
  letter-spacing: -0.8px !important;
  margin-bottom: 14px !important;
}
.cta-soft p { font-size: 15px !important; margin-bottom: 28px !important; }
.cta-soft .btn-lg { width: 100% !important; display: block !important; }


/* ══════════════════════════════════════
   BEFORE / AFTER CARDS
══════════════════════════════════════ */
.ba-section {
  padding: 56px 24px !important;
  max-width: 100% !important;
}
.ba-section h2 { font-size: 26px !important; letter-spacing: -0.6px !important; }
.ba-section > p { font-size: 14px !important; max-width: 100% !important; }
.ba-grid {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  margin-top: 32px !important;
}
.ba-card {
  padding: 24px 20px !important;
  border-radius: 14px !important;
}
.ba-card-title { font-size: 12px !important; margin-bottom: 18px !important; }
.ba-items { gap: 12px !important; }
.ba-icon { font-size: 16px !important; }
.ba-text { font-size: 14px !important; line-height: 1.55 !important; }


/* ══════════════════════════════════════
   EXAMPLES GRID — stacked cards
══════════════════════════════════════ */
.examples-section {
  padding: 56px 24px !important;
}
.examples-inner { max-width: 100% !important; }
.examples-inner h2 { font-size: 26px !important; letter-spacing: -0.6px !important; }
.examples-inner > p { font-size: 14px !important; max-width: 100% !important; }
.examples-grid {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-top: 28px !important;
}
.ex-card {
  padding: 22px 20px !important;
  border-radius: 14px !important;
  border-left: 3px solid #0D9488 !important;
}
.ex-card:hover { transform: none !important; box-shadow: none !important; }
.ex-icon {
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 12px !important;
  font-size: 18px !important;
}
.ex-card h3 { font-size: 16px !important; margin-bottom: 6px !important; }
.ex-card p  { font-size: 13px !important; margin-bottom: 12px !important; line-height: 1.6 !important; }
.ex-stat { font-size: 11px !important; padding: 3px 10px !important; }


/* ══════════════════════════════════════
   DEEP DIVE SECTIONS — text only
══════════════════════════════════════ */
.deep-section {
  padding: 56px 24px !important;
  max-width: 100% !important;
}
.deep-section + .deep-section {
  padding-top: 48px !important;
}
/* Override inline styles on deep section headings */
.deep-section h2 {
  font-size: 24px !important;
  letter-spacing: -0.6px !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
}
.deep-section > p,
.deep-section > div > p {
  font-size: 14px !important;
  max-width: 100% !important;
  line-height: 1.65 !important;
}
.deep-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin-top: 28px !important;
}
.deep-visual { display: none !important; }
.deep-copy h2 {
  font-size: 24px !important;
  letter-spacing: -0.6px !important;
  line-height: 1.2 !important;
}
.deep-copy p  { font-size: 14px !important; }
.check-list li { font-size: 13px !important; }

.deep-section .btn-lg,
.deep-grid .btn-lg {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 24px !important;
}


/* ══════════════════════════════════════
   TOOLS GRID (ai-tools page)
══════════════════════════════════════ */
.tools-section { padding: 56px 24px !important; }
.tools-grid {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}
.tool-card {
  padding: 22px 20px !important;
  border-radius: 14px !important;
  border-left: 3px solid #0D9488 !important;
}


/* ══════════════════════════════════════
   FITS / CONTROL GRID — 2 cols on tablet, 1 on phone
══════════════════════════════════════ */
.fits-section { padding: 56px 24px !important; }
.fits-section h2 { font-size: 26px !important; letter-spacing: -0.6px !important; }
.fits-grid {
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-top: 32px !important;
}
.fits-card {
  padding: 20px 16px !important;
  border-radius: 12px !important;
  border-left: 3px solid #0D9488 !important;
}
.fits-emoji { font-size: 22px !important; margin-bottom: 10px !important; }
.fits-card h3 { font-size: 14px !important; margin-bottom: 6px !important; }
.fits-card p  { font-size: 12px !important; line-height: 1.55 !important; }


/* ══════════════════════════════════════
   WHO IT'S FOR (ai-tools)
══════════════════════════════════════ */
.for-section { padding: 56px 24px !important; }
.for-grid {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}


/* ══════════════════════════════════════
   HOW IT WORKS (ai-tools)
══════════════════════════════════════ */
.how-section { padding: 56px 24px !important; }
.how-inner .steps {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}


/* ══════════════════════════════════════
   PULL QUOTE — dramatic teal block
══════════════════════════════════════ */
.pull-quote {
  padding: 44px 24px !important;
}
.pull-quote blockquote {
  font-size: 17px !important;
  line-height: 1.55 !important;
  max-width: 100% !important;
}
.pull-cite { font-size: 11px !important; margin-top: 16px !important; }


/* ══════════════════════════════════════
   ALSO AVAILABLE STRIP
══════════════════════════════════════ */
.also-strip { padding: 24px !important; }
.also-inner {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
}
.also-label { font-size: 12px !important; margin-bottom: 4px !important; }
.also-pill {
  display: block !important;
  text-align: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  border-radius: 12px !important;
}


/* ══════════════════════════════════════
   CTA SECTION (service pages)
══════════════════════════════════════ */
.cta-section {
  padding: 56px 24px !important;
}
.cta-section h2 {
  font-size: 28px !important;
  letter-spacing: -0.8px !important;
  margin-bottom: 14px !important;
}
.cta-section p { font-size: 15px !important; margin-bottom: 28px !important; max-width: 100% !important; }
.cta-section .btn-lg {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
.cta-section .cta-note { font-size: 12px !important; }


/* ══════════════════════════════════════
   REALITY STRIP (marketing page)
══════════════════════════════════════ */
.reality-strip { padding: 48px 24px !important; }
.reality-inner {
  grid-template-columns: 1fr !important;
  gap: 20px !important;
}


/* ══════════════════════════════════════
   CONTACT PAGE
══════════════════════════════════════ */
.contact-layout {
  grid-template-columns: 1fr !important;
  gap: 32px !important;
  padding: 40px 24px !important;
}
.contact-info { margin-bottom: 0 !important; }
.contact-info h1 {
  font-size: 30px !important;
  letter-spacing: -0.8px !important;
  margin-bottom: 14px !important;
}
.contact-info p { font-size: 15px !important; margin-bottom: 28px !important; }
.what-happens h3 { font-size: 14px !important; }
.step-row { padding: 12px 0 !important; }
.step-dot { width: 26px !important; height: 26px !important; min-width: 26px !important; font-size: 11px !important; }
.step-row-text { font-size: 13px !important; }
.step-row-text strong { font-size: 13px !important; }
.reassurance { padding: 18px 20px !important; border-radius: 12px !important; }
.reassurance p { font-size: 13px !important; }

.contact-form-wrap {
  position: static !important;
  padding: 28px 22px !important;
  border-radius: 16px !important;
}
.form-tabs { gap: 4px !important; margin-bottom: 24px !important; }
.form-tab-btn { font-size: 13px !important; padding: 10px 10px !important; }
.form-title { font-size: 18px !important; }
.form-sub { font-size: 13px !important; margin-bottom: 22px !important; }
.form-row { grid-template-columns: 1fr !important; gap: 0 !important; }
.form-group label { font-size: 12px !important; }
input[type="text"], input[type="email"], select, textarea {
  font-size: 16px !important; /* prevents iOS zoom */
  padding: 12px 14px !important;
  border-radius: 10px !important;
}
.form-submit {
  font-size: 16px !important;
  padding: 16px !important;
  border-radius: 12px !important;
}
.form-footer { font-size: 11px !important; }


/* ══════════════════════════════════════
   INTAKE FORM
══════════════════════════════════════ */
.istep-grid-2 { grid-template-columns: 1fr !important; }
.istep-grid-3 { grid-template-columns: 1fr !important; }
.service-tiles { grid-template-columns: 1fr !important; gap: 8px !important; }
.input-row-2 { grid-template-columns: 1fr !important; gap: 12px !important; }
.istep-title { font-size: 18px !important; }
.istep-desc { font-size: 13px !important; }
.iq-label { font-size: 13px !important; }
.check-item { padding: 12px 14px !important; }
.ci-label { font-size: 14px !important; }
.ibtn { padding: 14px 22px !important; font-size: 14px !important; border-radius: 10px !important; }


/* ══════════════════════════════════════
   SEARCH MOCK + CHAT MOCK (page heroes — hidden)
══════════════════════════════════════ */
.search-card,
.chat-mock,
.clock-mock { display: none !important; }


/* ══════════════════════════════════════
   OVERFLOW PREVENTION — nuclear option
══════════════════════════════════════ */
.page-hero,
.stats,
.section,
.section-soft,
.ba-section,
.examples-section,
.tools-section,
.deep-section,
.fits-section,
.for-section,
.how-section,
.pull-quote,
.also-strip,
.cta-section,
.cta-soft,
.reality-strip,
.proof,
.cta-banner,
.contact-layout,
footer {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

} /* end @media 768px */


/* ═══════════════════════════════════════════════════════════
   SMALL PHONES — 480px
═══════════════════════════════════════════════════════════ */
@media (max-width: 480px) {

nav { padding: 0 16px !important; }
.wordmark { font-size: 18px !important; }

/* Hero */
.hero { padding: 40px 18px 36px !important; }
.hero h1 { font-size: 32px !important; letter-spacing: -1px !important; }
.hero-sub { font-size: 15px !important; }

/* Page hero */
.page-hero { padding: 36px 18px 32px !important; }
.page-hero h1 { font-size: 28px !important; }

/* Stats */
.stat { padding: 20px 14px !important; }
.stat-num { font-size: 24px !important; }
.stat-label { font-size: 11px !important; }

/* Sections */
.section, .section-soft { padding: 44px 18px !important; }
.section-heading { font-size: 24px !important; }
.section-sub { font-size: 14px !important; }

/* Extended pages */
.ba-section, .examples-section, .tools-section,
.deep-section, .fits-section, .for-section,
.how-section, .cta-section, .cta-soft,
.reality-strip, .pull-quote { padding: 44px 18px !important; }

/* Fits grid goes single column on small phones */
.fits-grid { grid-template-columns: 1fr !important; gap: 12px !important; }

/* CTA */
.cta-banner { padding: 44px 18px !important; }
.cta-banner h2 { font-size: 26px !important; }
.cta-section h2 { font-size: 24px !important; }
.cta-soft h2 { font-size: 24px !important; }

/* Deep sections */
.deep-section h2 { font-size: 22px !important; }

/* Footer */
footer { padding: 24px 18px !important; }

/* Cards tighter */
.card { padding: 20px 16px 20px 14px !important; }
.ex-card { padding: 18px 16px !important; }
.ba-card { padding: 20px 16px !important; }
.fits-card { padding: 18px 14px !important; }

/* Pull quote */
.pull-quote blockquote { font-size: 15px !important; }

/* Contact */
.contact-layout { padding: 32px 18px !important; }
.contact-info h1 { font-size: 26px !important; }
.contact-form-wrap { padding: 24px 18px !important; }

/* Service sections */
.service-section { padding: 40px 18px !important; }
.service-content h2 { font-size: 24px !important; }

/* Also strip */
.also-strip { padding: 20px 18px !important; }

} /* end @media 480px */