/* contact */
.contact {
  background: #ebf3f8;
}
.contactTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 56px 0;
}
.contactText {
  width: 49.3%;
}
.contactTitle {
  color: #292929;
  font-family: Helvetica;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px; /* 110% */
}
.contactSub {
  color: #696b74;
  font-family: Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 150% */
  margin-top: 46px;
}
.contactTextBottom {
  margin-top: 56px;
}
.contactTextBottomSub1 {
  color: #292929;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
}
.contactTextBottomSub2 {
  color: #9c9ea5;
  font-family: Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 150% */
}
.contactImg {
  width: 40.8%;
}
.contactImg img {
  display: block;
  max-width: 100%;
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
.contactBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
  padding-bottom: 24px;
}
.contactBottomSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #696b74;
  font-family: Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.5px; /* 150% */
}
.contactBottomSub img {
  display: block;
}

/* listen */
.listen {
  padding-top: 36px;
  padding-bottom: 72px;
}
.listenTitle {
  color: #292929;
  font-family: Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 51px; /* 150% */
}
.listenSubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.listenSub {
  color: #696b74;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

/* query */
.query {
  background: #ebf3f8;
  padding-top: 36px;
  padding-bottom: 56px;
}
.queryTitle {
  color: #292929;
  font-family: Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 51px; /* 150% */
}
.querySub {
  color: #696b74;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-top: 16px;
}
.querySub a {
  color: #1599d5;
  font-family: Helvetica;
  font-weight: 700;
}
.queryBoxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 16px;
  margin-top: 16.5px;
}
.queryBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  width: 49.3%;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  padding: 24px 16px;
}
.queryBoxImg img {
  display: block;
  width: 68px;
  height: 68px;
}
.queryBoxSub {
  color: #696b74;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.queryBoxBtn {
  display: block;
  color: #1599d5;
  text-align: center;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
  border-radius: 4px;
  background: #ebf3f8;
  padding: 8px 16px;
  margin-top: 16px;
}
.queryBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  border-radius: 8px;
  background: #fdf1f1;
  padding: 16px 16px 16px 8px;
  margin-top: 16px;
}
.queryBottomSub {
  color: #d61a18;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

/* connect */
.connect {
  padding-top: 36px;
  padding-bottom: 56px;
}
.connectTitle {
  color: #292929;
  font-family: Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 51px; /* 150% */
}
.connectBlocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
}
.connectBlock {
  width: 31.6%;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
  padding: 16px 16px 32.01px 16px;
}
.connectBlockImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.connectBlockTitle {
  color: #292929;
  text-align: center;
  font-family: Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 27px; /* 150% */
  margin-top: 16px;
}

/* where */
.where {
  background: #ebf3f8;
  padding-top: 36px;
  padding-bottom: 70px;
}
.whereTitle {
  color: #292929;
  font-family: Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 51px; /* 150% */
}
.whereSubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.whereSub {
  color: #696b74;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* privacy */
.privacy {
  padding: 70px 0;
}
.privacyTitle {
  color: #292929;
  font-family: Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 51px; /* 150% */
}
.privacySubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-top: 28px;
}
.privacySub {
  color: #696b74;
  font-family: Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.privacySub strong {
  color: #000;
}
.privacySubList {
  margin-left: 20px;
}
.privacySub1 img {
  display: inline-block;
  vertical-align: middle;
}
.privacySub1 a {
  color: #1599d5;
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media screen and (max-width: 991px) {
  /* contact */
  .contactTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 30px;
    padding: 50px 0;
  }
  .contactText {
    width: 100%;
  }
  .contactImg {
    width: 100%;
  }
  .contactImg img {
    margin: 0 auto;
  }

  /* listen */
  .listen {
    padding-bottom: 50px;
  }

  /* query */
  .query {
    padding-bottom: 50px;
  }

  /* connect */
  .connect {
    padding-bottom: 50px;
  }

  /* where */
  .where {
    padding-bottom: 50px;
  }

  /* privacy */
  .privacy {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  /* contact */
  .contactTop {
    padding: 30px 0;
  }
  .contactTitle {
    font-size: 30px;
    line-height: 40px;
  }
  .contactSub {
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
  }
  .contactTextBottom {
    margin-top: 30px;
  }

  /* listen */
  .listen {
    padding: 30px 0;
  }

  /* query */
  .query {
    padding: 30px 0;
  }
  .queryTitle,
  .connectTitle,
  .whereTitle,
  .listenTitle,
  .privacyTitle {
    font-size: 24px;
    line-height: 34px;
  }
  .queryBox {
    width: 100%;
  }
  .querySub {
    word-break: break-all;
  }

  /* connect */
  .connect {
    padding: 30px 0;
  }
  .connectBlocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .connectBlock {
    width: 100%;
  }

  /* where */
  .where {
    padding: 30px 0;
  }

  /* privacy */
  .privacy {
    padding: 30px 0;
  }
}
