/*//////////////////////////////////////////////////////////////////////////*/
/* blog */
/* line 4, sparkup/static/css/blog.scss */
.section-blog-whitebg {
  background-color: #fff; }

/* line 7, sparkup/static/css/blog.scss */
.section-blog-whitebg h1,
.section-blog-whitebg h2,
.section-blog-whitebg h3,
.section-blog-whitebg h4,
.section-blog-whitebg h5,
.section-blog-whitebg p,
.section-blog-whitebg ul,
.section-blog-whitebg ol,
.section-blog-whitebg a {
  color: #1E1E1E; }

/* line 18, sparkup/static/css/blog.scss */
.blog-label {
  font-weight: 500;
  font-size: 12px;
  line-height: 24px; }

/* line 23, sparkup/static/css/blog.scss */
.blog-tag {
  display: inline-block;
  color: #1CBA56 !important;
  background-color: #EEF8EF;
  border-radius: 12px;
  padding: 0 10px;
  margin-right: 10px; }

/* line 31, sparkup/static/css/blog.scss */
.blog-tag::first-letter {
  text-transform: capitalize; }

/* line 34, sparkup/static/css/blog.scss */
a.blog-tag {
  text-decoration: none;
  cursor: pointer; }

/* line 38, sparkup/static/css/blog.scss */
a.blog-tag:hover {
  box-shadow: 0 0 0 1px #1cba56;
  color: #179f49 !important; }

/* line 43, sparkup/static/css/blog.scss */
a.blog-article {
  width: calc(50% - 30px);
  max-width: 370px;
  margin: 0 30px 60px 0;
  text-decoration: none;
  cursor: pointer; }

/* line 50, sparkup/static/css/blog.scss */
a.blog-article * {
  pointer-events: none; }

/* line 53, sparkup/static/css/blog.scss */
a.blog-article:hover h5 {
  text-decoration: underline; }

/* line 56, sparkup/static/css/blog.scss */
a.blog-article img {
  display: block;
  background-color: #e9e9e9;
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-bottom: 20px; }

/* line 64, sparkup/static/css/blog.scss */
a.blog-article h5 {
  font-weight: 500;
  margin: 14px 0 10px 0; }

/* line 68, sparkup/static/css/blog.scss */
a.blog-article p {
  text-align: left; }

/* line 71, sparkup/static/css/blog.scss */
.truncate2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

/* line 77, sparkup/static/css/blog.scss */
.truncate3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; }

@media (max-width: 840px) {
  /* line 84, sparkup/static/css/blog.scss */
  a.blog-article {
    width: 100% !important;
    margin: 0 0 48px 0; } }

/* line 90, sparkup/static/css/blog.scss */
.section-blog-footer article {
  background-color: #1E1E1E;
  border-radius: 12px;
  margin-bottom: 40px;
  width: calc(100vw - 80px);
  max-width: 1170px;
  display: flex;
  justify-content: space-between; }

/* line 99, sparkup/static/css/blog.scss */
.section-blog-footer-text {
  padding: 24px 0 36px 40px; }

/* line 102, sparkup/static/css/blog.scss */
.section-blog-footer h3,
.section-blog-footer p {
  color: #fff;
  text-align: left; }

/* line 107, sparkup/static/css/blog.scss */
.section-blog-footer .hbspt-form {
  width: 100%;
  max-width: 500px;
  padding: 36px 40px; }

/* line 112, sparkup/static/css/blog.scss */
.section-blog-footer .hbspt-form form {
  display: flex; }

/* line 115, sparkup/static/css/blog.scss */
.section-blog-footer .hs-form .hs-form-field {
  margin: 0;
  width: 100%; }

/* line 119, sparkup/static/css/blog.scss */
.section-blog-footer .hs-form .hs-form-field > label {
  display: none; }

/* line 122, sparkup/static/css/blog.scss */
.section-blog-footer .hs-form ul.inputs-list {
  position: absolute; }

/* line 125, sparkup/static/css/blog.scss */
.section-blog-footer .hs-form .hs-submit {
  margin: 0;
  padding-left: 10px; }

/* line 129, sparkup/static/css/blog.scss */
.section-blog-footer .hs-form .hs-button {
  min-width: unset; }

/* line 132, sparkup/static/css/blog.scss */
.section-blog-footer .submitted-message {
  height: 100%;
  min-height: 48px;
  display: flex;
  align-items: center; }

/* line 138, sparkup/static/css/blog.scss */
.section-blog-footer .submitted-message p {
  width: 100%;
  text-align: right; }

@media (max-width: 840px) {
  /* line 143, sparkup/static/css/blog.scss */
  .section-blog-footer article {
    width: calc(100vw - 30px);
    display: block;
    margin-bottom: 20px; }
  /* line 148, sparkup/static/css/blog.scss */
  .section-blog-footer-text {
    Padding: 20px 20px 26px 20px; }
  /* line 151, sparkup/static/css/blog.scss */
  .section-blog-footer .hbspt-form {
    padding: 0 20px 30px 20px; }
  /* line 155, sparkup/static/css/blog.scss */
  .section-blog-footer .hs-form input.hs-button.primary.large {
    padding: 0 16px; }
  /* line 158, sparkup/static/css/blog.scss */
  .section-blog-footer .submitted-message p {
    text-align: left; } }

/*//////////////////////////////////////////////////////////////////////////*/
/* blog index */
/* line 165, sparkup/static/css/blog.scss */
.section-blog-index1 {
  padding-top: 164px;
  position: relative; }

/* line 169, sparkup/static/css/blog.scss */
.section-blog-index1 .lights {
  width: 100%; }

/* line 172, sparkup/static/css/blog.scss */
.section-blog-index1 .lights::before {
  content: "";
  display: block;
  width: 235px;
  height: 154px;
  border-radius: 50%;
  background: #1CBA56;
  filter: blur(98px);
  position: absolute;
  top: 540px;
  right: calc(50vw + 268px); }

/* line 184, sparkup/static/css/blog.scss */
.section-blog-index1 .lights::after {
  content: "";
  display: block;
  width: 235px;
  height: 235px;
  border-radius: 50%;
  background: #1CBA56;
  filter: blur(98px);
  position: absolute;
  top: 412px;
  left: calc(50vw + 278px); }

/* line 196, sparkup/static/css/blog.scss */
.section-blog-index1 h1 {
  max-width: 8em;
  margin-bottom: 22px; }

/* line 200, sparkup/static/css/blog.scss */
.section-blog-index1 nav {
  max-width: 950px;
  width: 100vw;
  padding: 20px 15px;
  font-size: 0;
  overflow-x: scroll;
  text-align: center;
  white-space: nowrap; }

/* line 209, sparkup/static/css/blog.scss */
.section-blog-index1 a {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  flex-shrink: 0;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  padding: 0 14px;
  border-radius: 14px; }

/* line 222, sparkup/static/css/blog.scss */
.section-blog-index1 a::first-letter {
  text-transform: capitalize; }

/* line 225, sparkup/static/css/blog.scss */
.section-blog-index1 a:hover {
  color: #fff;
  box-shadow: inset 0 0 0 1px #3D3D3D; }

/* line 229, sparkup/static/css/blog.scss */
.section-blog-index1 a[selected] {
  color: #fff;
  background-color: #3D3D3D; }

/* line 233, sparkup/static/css/blog.scss */
.section-blog-index1 a + a {
  margin-left: 32px; }

/* line 236, sparkup/static/css/blog.scss */
.section-blog-index1 .background-image {
  position: relative;
  width: 100vw;
  background: linear-gradient(to top, #fff 44%, transparent 44%);
  display: flex;
  justify-content: center; }

/* line 243, sparkup/static/css/blog.scss */
.section-blog-index1 img {
  background-color: #e9e9e9;
  max-width: calc(100vw - 80px);
  width: 970px;
  height: auto;
  margin: 30px 0 24px 0;
  border-radius: 12px; }

/* line 252, sparkup/static/css/blog.scss */
.section-blog-index2 {
  overflow: visible; }

/* line 255, sparkup/static/css/blog.scss */
.section-blog-index2 a {
  width: 100%;
  max-width: 970px;
  text-decoration: none;
  cursor: pointer; }

/* line 261, sparkup/static/css/blog.scss */
.section-blog-index2 a * {
  pointer-events: none; }

/* line 264, sparkup/static/css/blog.scss */
.section-blog-index2 a:hover h3 {
  text-decoration: underline; }

/* line 267, sparkup/static/css/blog.scss */
.section-blog-index2 h3,
.section-blog-index2 p {
  text-align: left;
  width: 100%;
  max-width: 970px; }

/* line 273, sparkup/static/css/blog.scss */
.section-blog-index2 h3 {
  margin: 14px 0; }

/* line 276, sparkup/static/css/blog.scss */
.section-blog-index3 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  overflow: unset;
  padding: 106px 40px; }

/* line 283, sparkup/static/css/blog.scss */
.section-blog-index3 .articles {
  flex: 2;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap; }

/* line 289, sparkup/static/css/blog.scss */
.section-blog-index3 .articles-footer {
  width: 100%;
  padding-right: 30px;
  display: flex;
  justify-content: center; }

/* line 295, sparkup/static/css/blog.scss */
.section-blog-index3 .articles-footer button {
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  line-height: 46px;
  background-color: #fff;
  color: #1E1E1E;
  border: 1px solid currentColor;
  border-radius: 8px;
  padding: 0 24px; }

/* line 306, sparkup/static/css/blog.scss */
.section-blog-index3 .articles-footer button:hover {
  background-color: #f4f4f4; }

/* line 309, sparkup/static/css/blog.scss */
.section-blog-index3 aside {
  position: sticky;
  top: 40px;
  flex: 1;
  max-width: 370px;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 30px 0; }

/* line 318, sparkup/static/css/blog.scss */
.section-blog-index3 aside h5 {
  margin: 0 10px 10px 30px; }

/* line 321, sparkup/static/css/blog.scss */
.section-blog-index3 aside a {
  margin: 20px 30px 0 30px;
  cursor: pointer;
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  display: flex;
  align-items: center; }

/* line 332, sparkup/static/css/blog.scss */
.section-blog-index3 aside a:hover {
  text-decoration: underline; }

/* line 335, sparkup/static/css/blog.scss */
.section-blog-index3 aside a * {
  pointer-events: none; }

/* line 338, sparkup/static/css/blog.scss */
.section-blog-index3 aside img {
  background-color: #e9e9e9;
  min-width: 60px;
  height: 60px;
  border-radius: 12px;
  margin-right: 14px; }

@media (max-width: 840px) {
  /* line 347, sparkup/static/css/blog.scss */
  .section-blog-index1 img {
    max-width: calc(100vw - 30px); }
  /* line 350, sparkup/static/css/blog.scss */
  .section-blog-index3 {
    flex-direction: column-reverse;
    align-items: center;
    padding: 36px 15px 80px 15px; }
  /* line 355, sparkup/static/css/blog.scss */
  .section-blog-index3 .articles {
    max-width: 370px; }
  /* line 358, sparkup/static/css/blog.scss */
  .section-blog-index3 .articles-footer {
    padding-right: 0; }
  /* line 361, sparkup/static/css/blog.scss */
  .section-blog-index3 aside {
    position: unset;
    margin-bottom: 48px;
    width: 100%;
    max-width: 368px; } }

/*//////////////////////////////////////////////////////////////////////////*/
/* blog post */
/* line 371, sparkup/static/css/blog.scss */
.section-blog-post1 {
  margin-top: 104px;
  padding-top: 76px;
  padding-bottom: 40px; }

/* line 376, sparkup/static/css/blog.scss */
.section-blog-post1 h1 {
  margin: 10px 0 24px 0;
  max-width: calc(100vw - 80px);
  width: 970px; }

/* line 382, sparkup/static/css/blog.scss */
.section-blog-post2 {
  overflow: unset;
  position: relative; }

/* line 386, sparkup/static/css/blog.scss */
.section-blog-post2 > img {
  background-color: #e9e9e9;
  max-width: calc(100vw - 80px);
  width: 970px;
  height: auto;
  border-radius: 12px; }

/* line 393, sparkup/static/css/blog.scss */
.section-blog-post2 .share-links {
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 240px;
  width: calc((100vw - 970px) / 2);
  min-width: 40px;
  display: flex;
  justify-content: center; }

/* line 404, sparkup/static/css/blog.scss */
.section-blog-post2 .share-links div {
  position: sticky;
  top: -60px;
  width: 40px;
  height: 520px;
  max-height: calc((100vw - 80px) * 0.536);
  display: flex;
  flex-direction: column;
  justify-content: center; }

/* line 414, sparkup/static/css/blog.scss */
.section-blog-post2 .share-links .social-link {
  display: block;
  height: 40px;
  width: 40px;
  cursor: pointer;
  background-color: #1E1E1E;
  -webkit-mask-size: cover;
  mask-size: cover; }

/* line 423, sparkup/static/css/blog.scss */
.section-blog-post2 .share-links .social-link:hover {
  background-color: #1CBA56; }

/* line 426, sparkup/static/css/blog.scss */
.share-links .social-link + .social-link {
  margin-top: 10px; }

/* line 429, sparkup/static/css/blog.scss */
.share-links .social-link.facebook {
  -webkit-mask: url(/static/img/6878e762fd977dfb9c0d.svg?e0ba17737d55);
  mask: url(/static/img/6878e762fd977dfb9c0d.svg?e0ba17737d55); }

/* line 433, sparkup/static/css/blog.scss */
.share-links .social-link.twitter {
  -webkit-mask: url(/static/img/logo-x.svg?e0ba17737d55);
  mask: url(/static/img/logo-x.svg?e0ba17737d55);
  mask-size: cover; }

/* line 438, sparkup/static/css/blog.scss */
.share-links .social-link.linkedin {
  -webkit-mask: url(/static/img/8d7e2c2bcacd2a16f575.svg?e0ba17737d55);
  mask: url(/static/img/8d7e2c2bcacd2a16f575.svg?e0ba17737d55); }

/* line 443, sparkup/static/css/blog.scss */
.section-blog-post-content {
  max-width: 670px;
  padding: 40px 0 240px 0; }

/* line 447, sparkup/static/css/blog.scss */
.section-blog-post-content img {
  display: block;
  background-color: #e9e9e9;
  border-radius: 12px;
  max-width: 100%;
  height: auto; }

/* for video embedded */
/* line 455, sparkup/static/css/blog.scss */
.section-blog-post-content iframe {
  width: 670px;
  height: 379px;
  max-width: calc(100vw - 30px);
  max-height: calc((100vw - 30px) * 0.5625);
  border-radius: 12px; }

/* line 462, sparkup/static/css/blog.scss */
.section-blog-post-content hr {
  border-style: none;
  height: 1px;
  background-color: #eaeaea;
  margin: 1em 0; }

/* line 468, sparkup/static/css/blog.scss */
.section-blog-post-content a {
  text-decoration: underline;
  color: #1CBA56; }

/* line 472, sparkup/static/css/blog.scss */
.section-blog-post-content p,
.section-blog-post-content ul,
.section-blog-post-content ol {
  margin: 1em 0;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 160%; }

/* line 482, sparkup/static/css/blog.scss */
.section-blog-post-content h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-align: left;
  margin-bottom: 15px; }

/* line 490, sparkup/static/css/blog.scss */
.section-blog-post-content p + h2 {
  margin-top: 60px; }

/* line 493, sparkup/static/css/blog.scss */
.section-blog-post-content h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  text-align: left;
  margin-bottom: 15px; }

/* line 501, sparkup/static/css/blog.scss */
.section-blog-post-content p + h3 {
  margin-top: 42px; }

/* line 504, sparkup/static/css/blog.scss */
.section-blog-post-content h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
  margin-bottom: 15px; }

/* line 512, sparkup/static/css/blog.scss */
.section-blog-post-content h4 + p {
  margin-top: -13px; }

/* line 516, sparkup/static/css/blog.scss */
.section-blog-post3 {
  padding: 0 10px; }

/* line 519, sparkup/static/css/blog.scss */
.section-blog-post3 h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 120%; }

/* line 525, sparkup/static/css/blog.scss */
.section-blog-post3 .articles {
  padding: 60px 0;
  max-width: 1200px;
  width: calc(100% - 30px);
  margin-left: 30px;
  display: flex;
  flex-wrap: wrap; }

/* line 533, sparkup/static/css/blog.scss */
.section-blog-post3 a.blog-article {
  width: calc(33.33% - 30px); }

@media (max-width: 840px) {
  /* line 538, sparkup/static/css/blog.scss */
  .section-blog-post1 {
    margin-top: 66px;
    padding-top: 30px;
    padding-bottom: 24px; }
  /* line 543, sparkup/static/css/blog.scss */
  .section-blog-post1 h1 {
    margin: 14px 0; }
  /* line 546, sparkup/static/css/blog.scss */
  .section-blog-post2 > img {
    max-width: calc(100vw - 30px); }
  /* line 549, sparkup/static/css/blog.scss */
  .section-blog-post2 .share-links {
    position: unset; }
  /* line 552, sparkup/static/css/blog.scss */
  .section-blog-post2 .share-links div {
    position: unset;
    flex-direction: row;
    height: 40px;
    width: auto;
    margin-bottom: 24px; }
  /* line 559, sparkup/static/css/blog.scss */
  .share-links .social-link + .social-link {
    margin: 0 0 0 8px; }
  /* line 562, sparkup/static/css/blog.scss */
  .section-blog-post-content {
    padding: 24px 0 50px 0; }
  /* line 565, sparkup/static/css/blog.scss */
  .section-blog-post-content p + h2 {
    margin-top: 48px; }
  /* line 568, sparkup/static/css/blog.scss */
  .section-blog-post-content p + h3 {
    margin-top: 32px; }
  /* line 571, sparkup/static/css/blog.scss */
  .section-blog-post3 {
    padding: 0 15px; }
  /* line 574, sparkup/static/css/blog.scss */
  .section-blog-post3 h2 {
    font-size: 32px;
    line-height: 130%; }
  /* line 578, sparkup/static/css/blog.scss */
  .section-blog-post3 .articles {
    padding: 24px 0 2px 0;
    max-width: 370px;
    margin: 0; } }