/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* BLOG */

.blog-tags {
  display: flex;
  gap: .5rem;
}

.blog-tag {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.5;
  color: #000;
  background-color: #ecdcff;
  padding: 0.125rem .375rem;
  border-radius: 2px;
}

.blog-default_section {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media screen and (min-width: 480px) {
  .blog-default_section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  
  .blog-default_section {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}


/* Typography */

.lp-text-1000,
.lp-text-1000 h1 {
  font-family: 'Eina01W01';
  font-weight: bold;
  letter-spacing: -.03em!important;
  font-size: clamp(2.5rem, 1.3333rem + 5.8333vw, 6rem);
}

.lp-text-900,
.lp-text-900 h1,
.lp-text-800,
.lp-text-800 h1,
.lp-text-800 h2 {
  font-family: 'Eina01W01';
  font-weight: bold;
  letter-spacing: -.03em!important;
}

.lp-text-700,
.lp-text-700 h2,
.lp-text-700 h3 {
  font-family: 'Eina01W01';
  font-weight: 600;
  letter-spacing: -.03em!important;
}

.lp-text-600,
.lp-text-600 h2,
.lp-text-600 h3, 
.lp-text-500,
.lp-text-500 h3,
.lp-text-450,
.lp-text-450 h3 {
  font-family: 'Eina01W01';
  font-weight: 600;
  letter-spacing: -.02em!important;
}

.lp-text-900,
.lp-text-900 h1 {
  font-size: 2.5rem;
  line-height: 1.1;
}

.lp-text-800, 
.lp-text-800 h1,
.lp-text-800 h2 { 
  font-size: 2.25rem;
  line-height: 1.1; 
}

.lp-text-700,
.lp-text-700 h2,
.lp-text-700 h3 {
  font-size: 2rem;
  line-height: 1.2;
}

.lp-text-600,
.lp-text-600 h2,
.lp-text-600 h3 { 
  font-size: 1.75rem;
  line-height: 1.2; 
}

.lp-text-500,
.lp-text-500 h3 { 
  font-size: 1.5rem;
  line-height: 1.3;
}

.lp-text-450,
.lp-text-450 h3 {
  font-size: 1.375rem;
  line-height: 1.3;
}

.lp-text-400,
.lp-text-200 {
  font-family: 'Nunito Sans';
  font-weight: bold;
  line-height: 1.25;
}

.lp-text-400 { 
  font-size: 1.25rem; 
}

.lp-text-200 { 
  font-size: .875rem;
  text-transform: uppercase;
  letter-spacing:.25em;
}

.lp-p-600,
.lp-p-500,
.lp-p-450,
.lp-p-400 {
  font-family: 'Nunito Sans';
  line-height: 1.5;
}

.lp-p-600 {font-size:1.25rem;}
.lp-p-500 {font-size:1.125rem;}
.lp-p-450,
.lp-p-400
{font-size:1rem;}

@media (min-width: 768px) and (max-width: 959px) {
  .lp-p-400 {font-size:.875rem;}
}

@media screen and (min-width: 960px) {
  
  .lp-text-900, 
  .lp-text-900 h1 { font-size: 3.5rem; }
  
  .lp-text-800, 
  .lp-text-800 h1,
  .lp-text-800 h2 { font-size: 2.75rem; }
  
  .lp-text-700,
  .lp-text-700 h2,
  .lp-text-700 h3 { font-size: 2.25rem; }
  
  .lp-text-450,
  .lp-text-450 h3 { font-size: 1.5rem; }
  
  .lp-text-400 { font-size: 1.5rem; }
  
  .lp-text-200 { font-size: 1rem; }
}

@media screen and (min-width: 1120px) {
  .lp-text-700,
  .lp-text-700 h2,
  .lp-text-700 h3 {font-size: 2.5rem;}
}

@media screen and (min-width: 1264px) {
  
  .lp-text-900, 
  .lp-text-900 h1 { font-size: 4rem; }
  
  .lp-text-800, 
  .lp-text-800 h1,
  .lp-text-800 h2 { font-size: 3.5rem;}
  
  .lp-text-700,
  .lp-text-700 h2,
  .lp-text-700 h3 {font-size: 3rem;}
  
  .lp-text-600,
  .lp-text-600 h2,
  .lp-text-600 h3 { font-size: 2rem; }
  
  .lp-text-500,
  .lp-text-500 h3 { font-size: 1.75rem;}
  
  .lp-p-600 {font-size:1.5rem;}

  .lp-p-500 {font-size:1.25rem;}
  
  .lp-p-450 {font-size:1.125rem;}
}

/*Container and General Layout */

.lp-box-text-right,
.lp-box-text-left {
  padding-bottom: 3rem;
}

.lp-box-module,
.lp-box-module-dark {
  padding-top: 10%;
  padding-bottom: 10%;
  padding-left: 10%;
  padding-right: 10%;
  border-radius: .75rem;
}

.lp-box-module {
  background-color: #fff;
  color: #000;
  box-shadow: 0 0.25rem 2.5rem 0 rgba(0, 0, 0, .05);
}

.lp-box-module-dark { 
  background-color: #2F1761;
  color: #fff;
}

.lp-hero {
  padding-top: 2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.lp-hero-2 {
  background-image: url("https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/hiya-bg-02.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 2.5rem;
  padding-bottom:2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.lp-hero-3 {
  padding-top: 2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2.5rem;
}

.lp-global-padding,
.lp-thankyou-hero {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.lp-gradient-bg-01,
.lp-demo-hero,
.lp-thankyou-hero {
  background-color: #f9f5ff;
  background: linear-gradient(180deg, #f9f5ff, #fff 90%);
}

.lp-demo-hero-dark {
  background: linear-gradient(180deg, #2F1761 30%, #6A44B9 100%);
  color:#fff;
}

.lp-grid-bg {
  position: relative;
  background: url('https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/grid-pattern-tile-10.svg'), linear-gradient(180deg, #301862, #6943B7 90%);
  color: #fff;
}

.lp-grid-bg-blue {
  position: relative;
  background: url('https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/grid-pattern-tile-10.svg'), linear-gradient(180deg, #301862 30%, #1DA4CB 100%);
  color: #fff;
}

.lp-demo-hero,
.lp-global-padding-bottom {
  padding-top: 2.5rem;
  padding-bottom: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.lp-max-width,
.lp-max-width-800,
.lp-max-width-900 {
  max-width:560px;
  margin: 0 auto;
}

.lp-shapes, .lp-shapes-2 {
  position: relative;
}

.lp-shapes:before, .lp-shapes:after,
.lp-shapes-2:before, .lp-shapes-2:after{
  display: none;
  position: absolute;
  width: 15%;
  max-width: 180px;
}

.lp-shapes:before {
  bottom:-20%;
  left:-20%;
  content: url(https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/cube-star-shapes-02.svg);
}

.lp-shapes:after {
  bottom:25%;
  right:-20%;
  content: url(https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/cube-star-shapes-03.svg);
}

.lp-shapes-2:before {
  top:15%;
  left:-20%;
  content: url(https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/cube-star-shapes-04.svg);
}

.lp-shapes-2:after {
  top:40%;
  right:-20%;
  content: url(https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/cube-star-shapes-05.svg);
}

/* Mobile-only padding */

  @media screen and (max-width: 767px) {
    .lp-thankyou-header {
      padding-top: 7.5%;
      padding-bottom:10%;
    }
    
    .lp-mobile-padding {
      padding-bottom: 10%;
    }
    
    .row-fluid-wrapper .row-fluid .mobile-center {
      margin:0 auto;
      float:none;
    }
  }

  @media screen and (min-width: 768px) {
    
    .lp-box-text-right,
    .lp-box-text-left {
      max-width: 480px;
      padding-bottom: 0;
    }
    
    .lp-box-text-right {
      padding-left: 2rem;
      margin: auto;
      float: none;
    }
    
    .lp-box-text-left {
      padding-top: 5%;
      padding-right: 2rem;
    }
    
    .lp-box-module,
    .lp-box-module-dark {
      padding-top: 7%;
      padding-bottom: 7%;
      padding-left: 5%;
      padding-right: 5%;
      margin-top: 4rem;
    }
    
    .lp-box-img-right {
      float: right!important;
    }
    
    .lp-hero {
      padding-top:0rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }
    
    .lp-hero-2,
    .lp-hero-3 {
      padding-top:3rem;
      padding-bottom:3rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }
    
    .lp-hero-2-text {
      padding-right: 5%;
    }
    
    .lp-hero-text-left {
      padding-top:10%;
      padding-bottom:10%;
    }
    
    .lp-global-padding {
      padding-top:3rem;
      padding-bottom:3rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }
    
    .lp-thankyou-hero,
    .lp-demo-hero,
    .lp-global-padding-bottom {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    
    .lp-max-width{
      max-width: 1200px;
    }
    
    .lp-max-width-900 {
      max-width: 900px;
    }
    
    .lp-max-width-800 {
      max-width: 800px;
    }
  }

  @media screen and (min-width: 960px) {
    
    .lp-hero-2, .lp-hero-3 {
      padding-top:4rem;
      padding-bottom:4rem;
    }
    
    .lp-global-padding,
    .lp-thankyou-hero {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
   
    .lp-global-padding-bottom {
      padding-bottom: 6rem;
    }
    
    .lp-demo-hero {
      padding-top: 4rem;
      padding-bottom: 6rem;
    }
    
    .lp-box-text-right {
      padding-left: 3rem;
    }
    
    .lp-box-text-left {
      padding-right: 3rem;
    }
    
    .lp-box-module,
    .lp-box-module-dark {
      border-radius: 1.25rem;
      margin-top: 6rem;
    }
}
  
  @media screen and (min-width: 1264px) {
    
    .lp-shapes:before,
    .lp-shapes:after,
    .lp-shapes-2:before,
    .lp-shapes-2:after {
      display: block;
    }
    
     .lp-hero-2, .lp-hero-3{
      padding-top:6rem;
      padding-bottom:6rem;
    }
    
    .lp-global-padding {
      padding-top:6rem;
      padding-bottom:6rem;
    }
    
    .lp-demo-hero,
    .lp-global-padding-bottom {
      padding-bottom: 8rem;
    }
    
  }

/* Blog Layout 2024 */



/* Edits to Hiya Header Section 2020 */

.header-container {
  padding-top:0;
  padding-bottom:0;
  box-shadow: 0 4px 40px 0px rgba(0,0,0,.05);
}

.siteLogo img {
  max-width:80px!important;
}

/*G2*/

.lp-g2-badges .row-fluid-wrapper .row-fluid {
    display:flex;
  align-items: center;
  gap:4px;
    }

.below-form-overlap {
  padding-top: 5%;
}

@media screen and (min-width: 768px) {
  .below-form-overlap {
    padding-top: 10%;
  }
}

@media screen and (min-width: 960px) {
  .below-form-overlap {
    padding-top: 7%;
  }
}

@media screen and (min-width: 1264px) {
  .below-form-overlap {
    padding-top: 5%;
  }
}

/* List */

.lp-list-img img{
  object-fit: cover;
  width: 100%;
  height: 13rem!important;
  overflow: clip;
  margin-bottom: 1.5rem;
}

.lp-list-icon {
  max-width: 4rem!important;
}

.lp-list-icon-sm {
  max-width: 1.5rem;
}

.lp-list-feature-item {
  padding-bottom: 7.5%;
}

.lp-list-feature-item-tight {
  padding-bottom: 1rem;
}

.lp-list-text{
  padding-left: 5%;
}

  @media screen and (max-width: 767px) {
    
    .lp-img-full-mobile img {
      width: 100%;
      max-width: 100%;
      display: block;
    }
    
    .lp-list-icon {
  min-width: 3rem;
}
    
    .lp-list-feature-item .row-fluid-wrapper .row-fluid,
    .lp-list-feature-item-tight .row-fluid-wrapper .row-fluid {
    display:flex;
    }
    
    .lp-list-card {
      padding-bottom: 2rem;
    }
  }
  @media screen and (min-width: 768px) {
    .lp-list-feature {
      padding-right:5%;
    }
  }

/* Misc */

.lp-eyebrow .hs_cos_wrapper_type_text,
.lp-eyebrow-blue .hs_cos_wrapper_type_text {
  display:inline-block;
  width: auto;
  font-family: 'Eina01W01';
  font-size: .875rem;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .15em;
  color: #2f1761;
}

/* Non-form CTAs */

.lp-button a,
.lp-button-dark a
{
  display: inline-block;
  width: auto;
  min-width: 10rem;
  background-color: #6a44b9;
  color: #FFF;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  font-family: 'Nunito Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  padding: .875rem 1.5rem;
  border-radius: .25rem;
  text-decoration: none;
  outline: none;
  transition: 
  background-color 200ms ease-out,
  color 200ms ease-out;
}

.lp-button a:hover { 
  background-color: #2F1761;
  color: #fff;
}
.lp-button-dark a:hover { 
  background-color: #9875D0;
  color: #fff; 
}

/* Recent Posts Module */

 .lp-recent-post ul {
  display: grid;
  grid-gap: 3rem;
  grid-template-columns: 1fr;
}

.lp-recent-post .hs-postlisting-item {
  overflow: hidden;
  border-radius: 0.625rem;
  background-color: #fff;
  box-shadow: 0 .5rem 2.5rem -0.125rem rgba(0, 0, 0, .07);
  transition-property: transform, box-shadow;
  transition-duration: 300ms, 300ms;
  transition-timing-function: ease, ease;
  text-decoration: none;
}

.lp-recent-post .hs-postlisting-item:hover {
  box-shadow: 0 1rem 2.5rem -0.125rem rgba(0, 0, 0, .15);
  transform: scale(1.01);
} 

.lp-recent-post img {
  display: block;
  width: 100%;
  aspect-ratio: 5/3;
  object-fit: cover;
}

.lp-recent-post a {
  padding-top: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 3rem;
  color: #000;
  font-family: 'Eina01W01';
  font-size: 1.375rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -0.03em;
}

@media screen and (min-width: 768px) {
  
   .lp-recent-post ul {
   grid-auto-columns: 1fr;
   grid-gap: 1.5rem;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto;
  }
  
}

/* RICH TEXT CUSTOM LIST */

ul.custom-bullets {
  padding-left: 0;
}

.hs_cos_wrapper_type_rich_text .custom-bullets li {
  max-width: 34em;
  background-image: url(https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/purple-bullet-1.svg);
  background-repeat: no-repeat;
  background-position: 0 .25rem;
  background-size: 1.25rem;
  font-size: 1.0625rem;
  padding-left: 2rem;
  padding-bottom: 0;
  list-style: none;
  margin-bottom: 1rem;
  color: #505d6f;
}

.hs_cos_wrapper_type_rich_text .custom-bullets a {
  color: #6a44b9;
}

.hs_cos_wrapper_type_rich_text .custom-bullets-larger li {
  max-width: 34em;
  background-image: url(https://6751436.fs1.hubspotusercontent-na1.net/hubfs/6751436/purple-bullet-1.svg);
  background-repeat: no-repeat;
  background-position: 0 .25rem;
  background-size: 1.25rem;
  list-style: none;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 2rem;
  margin-bottom: 1rem;
  color: #000;
}

.hs_cos_wrapper_type_rich_text .custom-bullets-larger a {
  color: #6a44b9;
}

@media screen and (min-width: 768px) {
  
  .hs_cos_wrapper_type_rich_text .custom-bullets-larger li {
    background-size: 1.425rem;
    padding-left: 3rem;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 960px) {
  
  .hs_cos_wrapper_type_rich_text .custom-bullets-larger li {
    font-size: 1.25rem;
  }
}




/* Form */
.lp-form-hero {
  padding-bottom: 3rem;
}

.lp-form {
  background-color:#EDF0F4;
  border-radius:12px;
  padding:10%;
}

.lp-form--transparent {
  background-color: transparent;
  border-radius: unset;
  padding: unset;
}

.lp-form-right {
  margin-bottom:3rem;
}

.lp-form--overlap,
.lp-form--white {
  background-color:#fff;
  color: #000;
  box-shadow: 0 4px 40px 0px rgba(0,0,0,.05);
}

.lp-form--overlap,
.lp-form--overlap-2 {
  z-index:1;
  position:relative;
  margin-bottom:3rem;
}

.lp-form .hs-button.primary {
    margin-top: 16px;
}

.lp-form .hs-button.primary:hover {
    border-color: #44218d;
    background: #44218d;
    color: #FFF;
}

.lp-form--overlap input[type="text"],
.lp-form--white input[type="text"],
.lp-form--overlap input[type="password"],
.lp-form--white input[type="password"], 
.lp-form--overlap input[type="datetime"], 
.lp-form--white input[type="datetime"], 
.lp-form--overlap input[type="datetime-local"],
.lp-form--white input[type="datetime-local"], 
.lp-form--overlap input[type="date"], 
.lp-form--white input[type="date"], 
.lp-form--overlap input[type="month"], 
.lp-form--white input[type="month"], 
.lp-form--overlap input[type="time"], 
.lp-form--white input[type="time"], 
.lp-form--overlap input[type="week"], 
.lp-form--white input[type="week"], 
.lp-form--overlap input[type="number"], 
.lp-form--white input[type="number"], 
.lp-form--overlap input[type="email"], 
.lp-form--white input[type="email"], 
.lp-form--overlap input[type="url"], 
.lp-form--white input[type="url"], 
.lp-form--overlap input[type="search"], 
.lp-form--white input[type="search"], 
.lp-form--overlap input[type="tel"], 
.lp-form--white input[type="tel"], 
.lp-form--overlap input[type="color"],
.lp-form--white input[type="color"],
.lp-form--overlap input[type="file"],
.lp-form--white input[type="file"],
.lp-form--overlap textarea,
.lp-form--white textarea,
.lp-form--overlap select, 
.lp-form--white select {
    background-color:#EDF0F4;
}

.lp-form input[type="text"],
.lp-form input[type="password"], 
.lp-form input[type="datetime"], 
.lp-form input[type="datetime-local"], 
.lp-form input[type="date"], 
.lp-form input[type="month"], 
.lp-form input[type="time"], 
.lp-form input[type="week"], 
.lp-form input[type="number"], 
.lp-form input[type="email"], 
.lp-form input[type="url"], 
.lp-form input[type="search"], 
.lp-form input[type="tel"], 
.lp-form input[type="color"],
.lp-form input[type="file"],
.lp-form textarea,
.lp-form select {
    border: none;
    border-radius: 4px;
    box-shadow: none;
}

.lp-form input[type="text"]:focus,
.lp-form input[type="password"]:focus, 
.lp-form input[type="datetime"]:focus, 
.lp-form input[type="datetime-local"]:focus, 
.lp-form input[type="date"]:focus, 
.lp-form input[type="month"]:focus, 
.lp-form input[type="time"]:focus, 
.lp-form input[type="week"]:focus, 
.lp-form input[type="number"]:focus, 
.lp-form input[type="email"]:focus, 
.lp-form input[type="url"]:focus, 
.lp-form input[type="search"]:focus, 
.lp-form input[type="tel"]:focus, 
.lp-form input[type="color"]:focus,
.lp-form input[type="file"]:focus,
.lp-form textarea:focus,
.lp-form select:focus {
    outline: 0;
    border: 1px solid #707070;
    box-shadow: none;
}

  @media screen and (min-width: 768px) {
    .lp-form {
      padding:5%;
    }
    
    .lp-form--transparent {
    padding: unset;}
    
    .lp-form-hero {
      padding-bottom: 0;
      padding-right: 5%;
      max-width: 560px;
    }
    
    .lp-form-right {
      float:right!important;
      margin-bottom: 0;
    }
    
    .lp-form--overlap {
      margin-top:-14rem;
    }
    
    .lp-form--overlap-2 {
      position: absolute;
      top: 3rem;
      left: 48%;
      max-width: 600px;
    }
}

  @media screen and (min-width: 960px) {
    
    .lp-form--overlap {
      margin-top:-12rem;
    }
    
    .lp-form--overlap-2 {
      top: 4rem;
      left:49%;
      padding: 4%;
    }
}

  @media screen and (min-width: 1264px) {
    
    .lp-form--overlap {
      margin-top:-16rem;
    }
    
    .lp-form--overlap-2 {
      top: 6rem;
      left:50%;
      padding: 3%;
    }

}


/*FIX STICKY HEADER ON MOBILE*/
@media (max-width: 768px) {
    .header-container-wrapper{
        position: fixed;
    }