/* =========================================================
   Sensolytics - Find Us Page
   Namespace: sx-find-
   ========================================================= */

.sx-find-page {
  --sx-find-text: #1c2a2a;
  --sx-find-muted: #5f6e6e;
  --sx-find-line: #d7e1e1;
  --sx-find-brand: rgb(45,132,205);
  --sx-find-brand-dark: rgb(35,102,165);

  --sx-find-radius-md: 18px;
  --sx-find-radius-lg: 24px;

  --sx-find-shadow: 0 14px 34px rgba(16,36,36,0.08);

  --sx-find-max: 1240px;
}

.sx-find-container {
  width: min(var(--sx-find-max), calc(100% - 40px));
  margin: 0 auto;
}

.sx-find-section {
  padding: 72px 0;
}

.sx-find-section-alt {
  background: #f7f7f7;
}

/* HERO */

.sx-find-hero {
  padding: 72px 0 56px;

  background:
  radial-gradient(circle at top left, rgba(45,132,205,0.10), transparent 30%),
  linear-gradient(180deg,#f7fbfb 0%,#ffffff 100%);
}

.sx-find-hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
}

.sx-find-kicker {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sx-find-brand);
}

.sx-find-hero-copy h1 {
  margin: 10px 0 18px;
  font-size: clamp(2.2rem,4.5vw,3.8rem);
  line-height: .98;
  letter-spacing: -.04em;
}

.sx-find-lead {
  font-size: 1.06rem;
  line-height: 1.7;
  color: var(--sx-find-muted);
}

.sx-find-hero-media img {
  width: 100%;
  border-radius: var(--sx-find-radius-md);
  box-shadow: var(--sx-find-shadow);
}


/* GRID */

.sx-find-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}


/* CARD */

.sx-find-card {
  background: white;
  border-radius: var(--sx-find-radius-md);
  box-shadow: var(--sx-find-shadow);
  padding: 34px;
}

.sx-find-card-light {
  background: #fafafa;
}

.sx-find-card h2 {
  margin: 8px 0 16px;
}

.sx-find-address p,
.sx-find-contact p {
  font-size: 1.06rem;
  line-height: 1.7;
}

.sx-find-contact a {
  color: var(--sx-find-brand);
  text-decoration: none;
}

.sx-find-contact a:hover {
  text-decoration: underline;
}

.sx-find-actions {
  margin-top: 22px;
}

.sx-find-btn-primary {
  display: inline-block;
  background: var(--sx-find-brand);
  color: white;
  padding: 12px 22px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
}

.sx-find-btn-primary:hover {
  background: var(--sx-find-brand-dark);
}

.sx-find-info {
  max-width: 520px;
}

/* TEXT */

.sx-find-info h2 {
  margin: 10px 0 16px;
}

.sx-find-info p {
  font-size: 1.06rem;
  line-height: 1.75;
  color: var(--sx-find-muted);
}


/* RESPONSIVE */

@media (max-width: 1000px){

  .sx-find-hero-grid{
    grid-template-columns:1fr;
  }

  .sx-find-grid{
    grid-template-columns:1fr;
  }

}

@media (max-width:640px){

  .sx-find-section{
    padding:56px 0;
  }

}