/* Zivent branch Local Service section - final typography */

.zv-local-service-unified,
.branch-seo-copy.zv-local-service-unified{
  width:100%;
  max-width:1040px;
  margin:0 auto 72px;
  padding:0 24px;
  box-sizing:border-box;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Noto Sans KR",
    "Apple SD Gothic Neo",
    sans-serif !important;
}

/* LOCAL SERVICE label */
.zv-local-service-unified .eyebrow,
.zv-local-service-unified span.eyebrow,
.zv-local-service-unified .section-kicker,
.zv-local-service-unified > span:first-child{
  display:block;
  color:#35d4ff !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin:0 0 14px !important;
}

/* Main title */
.zv-local-service-unified h1,
.zv-local-service-unified h2{
  color:#ffffff !important;
  font-size:clamp(32px,3.8vw,46px) !important;
  line-height:1.05 !important;
  font-weight: 700 !important;
  letter-spacing:-.055em !important;
  margin:0 0 18px !important;
  max-width:850px;
}

/* Intro paragraphs under main title */
.zv-local-service-unified > p{
  max-width:820px;
  color:rgba(235,242,248,.72) !important;
  font-size:16px !important;
  line-height:1.72 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  margin:0 0 18px !important;
}

/* Service sub headings */
.zv-local-service-unified h3,
.zv-local-service-unified h4{
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight: 650 !important;
  letter-spacing:-.025em !important;
  margin:34px 0 8px !important;
}

/* Service body text */
.zv-local-service-unified h3 + p,
.zv-local-service-unified h4 + p,
.zv-local-service-unified article p,
.zv-local-service-unified div p{
  color:rgba(235,242,248,.68) !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:400 !important;
  letter-spacing:-.005em !important;
  margin:0 !important;
  max-width:760px;
}

/* Make service blocks feel consistent if they are in plain flow */
.zv-local-service-unified h3:not(:first-of-type),
.zv-local-service-unified h4:not(:first-of-type){
  padding-top:4px;
}

@media(max-width:760px){
  .zv-local-service-unified,
  .branch-seo-copy.zv-local-service-unified{
    padding:0 18px;
    margin-bottom:56px;
  }

  .zv-local-service-unified h1,
  .zv-local-service-unified h2{
    font-size:32px !important;
    line-height:1.08 !important;
  }

  .zv-local-service-unified > p{
    font-size:15px !important;
    line-height:1.65 !important;
  }

  .zv-local-service-unified h3,
  .zv-local-service-unified h4{
    font-size:19px !important;
    margin-top:28px !important;
  }
}