/* 1a. Containers */





/* 1b. Colors */

/* Text Colours */




/* Brand Colours */







/* Secondary Colours */




/* Additional Colours */




/* Neutral Colours */





/* 1c. Typography */



















































/* 1d. Buttons */

/* Styles - Primary */











/* Styles - Secondary */











/* Sizes - Small */



/* Sizes - Medium */


  
/* Sizes - Large */



/* 1e. Forms */








































/* 1f. Tables */













/* 1g. Blog */

/* Blog Post */

















































/* Guide */











/* 1h. Website Header */



















/* 1i. Website Footer */














.content-wrapper {
  max-width: 1200px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1200px;
}

.blog-post__content-wrapper,
.body-container--blog-post-guide .blog-post__header-inner {
  max-width: 800.0px;
}

@media (max-width: 767px) {
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: 64px 1.25rem;
  }  
}

@media (min-width: 768px) {
  .body-container--blog-post-guide .blog-post__content-wrapper {
    max-width: 1200px;
  }
}





html {
  font-size: 16px;
}

body {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #374151;
  
  line-height: 1.5;
  font-size: 16px;
}

small,
.small {
  font-size: 0.875rem
}

/* Paragraphs */

p {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #6A00E5;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: 

  
  
    
  


  rgba(89, 0, 192, 1.0)

;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #9228ff;
}

/* Headings */

h1,
.h1 {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #212121;
  font-size: 4.5rem;
  
  letter-spacing: -0.02em;
  
  line-height: 1.2;
  text-transform: none;
}

h2,
.h2 {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #212121;
  font-size: 3rem;
  
  line-height: 1.2;
  text-transform: none;
}

h3,
.h3 {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #212121;
  font-size: 2.5rem;
  
  line-height: 1.2;
  text-transform: none;
}

h4,
.h4 {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #212121;
  font-size: 2rem;
  
  line-height: 1.2;
  text-transform: none;
}

h5,
.h5 {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #212121;
  font-size: 1.5rem;
  
  line-height: 1.2;
  text-transform: none;
}

h6,
.h6 {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #212121;
  font-size: 1.25rem;
  
  line-height: 1.2;
  text-transform: none;
}

/* Subheadline */

.subheadline,
a.subheadline,
a.subheadline:hover,
a.subheadline:focus,
a.subheadline:active {
  color: #212121;
}

/* Lists */

ul li,
ol li {
  color: ;
}

/* Blockquote */

blockquote,
blockquote p,
blockquote div {
  color: ;
}

blockquote:before {
  content: url("data:image/svg+xml,%3Csvg width='25' height='19' viewBox='0 0 25 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19V13.7736C0 12.2311 0.292077 10.607 0.876232 8.90114C1.46039 7.19532 2.27273 5.56208 3.31325 4.00143C4.35378 2.44078 5.57685 1.10697 6.98248 0L11.035 2.88538C9.9215 4.50047 8.97225 6.18815 8.1873 7.94842C7.40234 9.70869 7.00986 11.6232 7.00986 13.692V19H0ZM13.965 19V13.7736C13.965 12.2311 14.257 10.607 14.8412 8.90114C15.4253 7.19532 16.2377 5.56208 17.2782 4.00143C18.3187 2.44078 19.5418 1.10697 20.9474 0L25 2.88538C23.8865 4.50047 22.9372 6.18815 22.1522 7.94842C21.3673 9.70869 20.9748 11.6232 20.9748 13.692V19H13.965Z' fill='%236A00E5'/%3E%3C/svg%3E");
}

/* Code */

code {
  background-color: #F7F7F7;
}

/* Selection */
::selection {
  background: #c8bdd4;
}

/* Media Queries */
@media (max-width: 767px) {
  html {
    font-size: 16px;
  }
  
  body {
    font-size: 16px;
  }

  small,
  .small {
    font-size: 0.875rem
  }

  h1,
  .h1 {
    font-size: 2.5rem;
  }

  h2,
  .h2 {
    font-size: 2rem;
  }

  h3,
  .h3 {
    font-size: 1.5rem;
  }

  h4,
  .h4 {
    font-size: 1.25rem;
  }

  h5,
  .h5 {
    font-size: 1.25rem;
  }

  h6,
  .h6 {
    font-size: 1.25rem;
  }
}





/* Styles - Primary */

button,
.button,
.hs-blog-post-listing__post-button,
.button--primary {
  border: 1px solid #EAEAEA;

  padding-top: 0.75rem;
padding-right: 1.25rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 1.875rem;
  color: #374151;
  font-size: 1rem;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus,
.button--primary:hover,
.button--primary:focus {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  

  
  
    
  


  rgba(234, 234, 234, 1.0)

;
  color: 

  
  
    
  


  rgba(55, 65, 81, 1.0)

;
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
  border-radius: ;
}

button:active,
.button:active,
.hs-blog-post-listing__post-button:active,
.button--primary:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #ffffff;
  color: #5f6979;
}

/* Styles - Secondary */

button.button--secondary,
.button.button--secondary {
  border: 1px solid #0050ff;

  padding-top: 0.75rem;
padding-right: 1.25rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;

  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 80, 255, 1.0)

;
  border-radius: 1.875rem;
  color: #FFFFFF;
  font-size: 1rem;
  text-transform: none;
}

button.button--secondary:hover,
button.button--secondary:focus,
.button.button--secondary:hover,
.button.button--secondary:focus {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  

  
  
    
  


  rgba(21, 55, 105, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color: 

  
  
    
  


  rgba(21, 55, 105, 1.0)

;
  border-radius: ;
}

button.button--secondary:active,
.button.button--secondary:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: rgba(40, 120, 255, 1.0);
  border-color: #2878ff;
  color: #ffffff;
}

/* Sizes - Small Button */

button.button--small,
.button.button--small,
button.button--small:hover,
button.button--small:focus,
button.button--small:active,
.button.button--small:hover,
.button.button--small:focus,
.button.button--small:active {
  font-size: 1rem;
  padding-top: 0.5rem;
padding-right: 1rem;
padding-bottom: 0.5rem;
padding-left: 1rem;

}

/* Sizes - Medium Button */

button.button--medium,
.button.button--medium,
button.button--medium:hover,
button.button--medium:focus,
button.button--medium:active,
.button.button--medium:hover,
.button.button--medium:focus,
.button.button--medium:active {
  font-size: 1rem;
  padding-top: 0.75rem;
padding-right: 1.25rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;

}

/* Sizes - Large Button */

button.button--large,
.button.button--large,
button.button--large:hover,
button.button--large:focus,
button.button--large:active,
.button.button--large:hover,
.button.button--large:focus,
.button.button--large:active {
  font-size: 1rem;
  padding-top: 1rem;
padding-right: 1.5rem;
padding-bottom: 1rem;
padding-left: 1.5rem;

}





form,
.submitted-message {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #FFFFFF;
;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  padding: 0rem;
;
}

/* Form title */

.form-title {
  border: 1px none rgba(255, 255, 255, 0%);
;
  padding-top: 0rem;
padding-right: 0rem;
padding-bottom: 1.5rem;
padding-left: 0rem;
;
  font-family: Poppins; font-style: normal; font-weight: 600; text-decoration: none;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  font-size: 2.5rem;
  color: #212121;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}


/* Labels */

form label {
  color: #374151;
}

/* Help text */

form legend {
  color: #374151;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #EAEAEA;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #374151;
  border-radius: 3.75rem;
}

form input[type=text]:hover,
form input[type=search]:hover,
form input[type=email]:hover,
form input[type=password]:hover,
form input[type=tel]:hover,
form input[type=number]:hover,
form input[type=file]:hover,
form select:hover,
form textarea:hover {
  background-color: #F7F7F7;
}

form input[type=text]:focus,
form input[type=search]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: #6A00E5;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #A19F9F;
}

::-moz-placeholder {
  color: #A19F9F;
}

:-ms-input-placeholder {
  color: #A19F9F;
}

::placeholder {
  color: #A19F9F;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #A19F9F;
}

.fn-date-picker td.is-selected .pika-button {
  background: #6A00E5;
}

.fn-date-picker td .pika-button:hover {
  background-color: #6A00E5 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #6A00E5;
}

/* Submit button */

form input[type=submit],
form a.hs-button {
  border: 1px solid #0050ff;
;
  padding-top: 0.75rem;
padding-right: 1.25rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;
;
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #FFFFFF;
  font-size: 1rem;
  background-color: 

  
  
    
  


  rgba(0, 80, 255, 1.0)

;
  border-radius: 1.875rem;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form a.hs-button:hover,
form a.hs-button:focus {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(21, 55, 105, 1.0)

;
  color: #FFFFFF;
  ;
}

form input[type=submit]:active,
form a.hs-button:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: rgba(40, 120, 255, 1.0);
  border-color: #2878ff;
  color: #FFFFFF;
}





/* Table */

table {
  border: 1px solid #374151;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #374151;

  padding: 1rem;

  color: #374151;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(106, 0, 229, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #374151;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name {
  color: #374151;
  font-family: Inter;
}

.menu .menu__item--depth-1:hover > .menu__link,
.menu .menu__item--depth-1:focus > .menu__link,
.menu__item--depth-1.menu__item--has-submenu:hover > .menu__link:after,
.menu__item--depth-1.menu__item--has-submenu:focus > .menu__link:after {
  color: #374151;
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
}

.menu .menu__item--depth-1:active > .menu__link,
.menu__item--depth-1.menu__item--has-submenu:active .menu__link:after {
  color: #5f6979;
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
}

.menu__link--active-link,
.menu__link--active-branch:after {
  color: #6A00E5;
  background-color: 

  
  
    
  


  rgba(248, 242, 255, 1.0)

;
}

.menu__child-toggle-icon {
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.menu__item--depth-1:hover > .menu__child-toggle .menu__child-toggle-icon,
.menu__item--depth-1:focus > .menu__child-toggle .menu__child-toggle-icon {
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.menu__link--active-link > .menu__child-toggle .menu__child-toggle-icon,
.menu__link--active-branch > .menu__child-toggle .menu__child-toggle-icon {
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236A00E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.menu__submenu .menu__link {
  color: #374151;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #374151;
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
}

.menu__submenu .menu__link--active-link {
  color: #6A00E5;
  background-color: 

  
  
    
  


  rgba(248, 242, 255, 1.0)

;
}

.menu__submenu .menu__child-toggle-icon {
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.menu__submenu .menu__child-toggle .menu__child-toggle-icon,
.menu__submenu .menu__child-toggle .menu__child-toggle-icon {
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.menu__submenu .menu__link--active-link .menu__child-toggle .menu__child-toggle-icon {
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236A00E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media(max-width: 992px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #374151;
  }
}

@media (min-width: 993px) {
  .header__menu .menu--desktop {
    max-width: calc(806px + 2rem);
  }

  .menu .menu__submenu {
    border: 1px solid #FFFFFF;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

/* Language Switcher */

.header__language-switcher--label-current-text {
  color: #374151;
  font-family: Inter;
}

.header__language-switcher--label-current:hover .header__language-switcher--label-current-text,
.header__language-switcher--label-current:focus .header__language-switcher--label-current-text {
  color: #374151;
}

.header__language-switcher--label:hover,
.header__language-switcher--label:focus {
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
}

.header__language-switcher-toggle-icon {
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.header__language-switcher--label-current:hover .header__language-switcher-toggle-icon {
  content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class li {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class li a {
  color: #374151;
}

.header__language-switcher .lang_list_class li:hover,
.header__language-switcher .lang_list_class li:focus {
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1.0)

;
}

.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li:focus a {
  color: #374151;
}

.header__language-switcher .lang_list_class li a:active {
  color: #9228ff;
}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer content */

.footer,
.footer div,
.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer span,
.footer li {
  color: #374151;
  font-family: Inter;
}

.footer,
.footer div,
.footer p,
.footer span,
.footer li {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  font-size: 16px;
}

/* Links */

.footer a {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #374151;
  font-family: Inter;
}

.footer a:hover,
.footer a:focus {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: 

  
  
    
  


  rgba(89, 0, 192, 1.0)

;
}

.footer a:active {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #5f6979;
}

/* Subscribe */

.footer__subscribe {
  border-bottom-color: #EAEAEA;
  border-top-color: #EAEAEA;
}

/* Menu */

.footer .hs-menu-item a {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #374151;
  font-family: Inter;
  font-size: 16px;
}

.footer .hs-menu-item a:hover,
.footer .hs-menu-item a:focus {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: 

  
  
    
  


  rgba(89, 0, 192, 1.0)

;
}

.footer .hs-menu-item a:active {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #5f6979;
}





/* Blog Post */

.blog-post__progress-wrapper {
  background-color: #F0E5FC;
}

.blog-post__progress-bar{
  background-color: #6A00E5;
}

h1.blog-post__title {
  font-weight: 500; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #2F2B43;
  font-size: 4.5rem;
  
  letter-spacing: em;
  
}

.blog-post__meta-item,
.blog-post__meta-item a,
.blog-post__meta-item a:hover,
.blog-post__meta-item a:focus,
.blog-post__meta-item a:active {
  color: #212121;
}

.blog-post__meta-item:not(:last-child):after {
  background-color: #212121;
}

.blog-post__related-posts {
  background-color: #F7F7F7;
}

/* Post Body */

.blog-post__content {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #374151;
  
  line-height: 1.5;
  font-size: 16px;
}

.blog-post__content a {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #6A00E5;
}

.blog-post__content a:hover,
.blog-post__content a:focus {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: 

  
  
    
  


  rgba(89, 0, 192, 1.0)

;
}

.blog-post__content a:active {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #9228ff;
}

.blog-post__content h1,
.blog-post__content .h1 {
  font-weight: 500; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #212121;
  font-size: 4.5rem;
  
  letter-spacing: -0.02em;
  
  line-height: 1.08333333333;
  text-transform: none;
}

.blog-post__content h2,
.blog-post__content .h2 {
  font-weight: 500; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #212121;
  font-size: 3rem;
  
  line-height: 1.2;
  text-transform: none;
}

.blog-post__content h3,
.blog-post__content .h3 {
  font-weight: 500; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #212121;
  font-size: 2.5rem;
  
  line-height: 1.2;
  text-transform: none;
}

.blog-post__content h4,
.blog-post__content .h4 {
  font-weight: 500; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #212121;
  font-size: 2rem;
  
  line-height: 1.2;
  text-transform: none;
}

.blog-post__content h5,
.blog-post__content .h5 {
  font-weight: 500; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #212121;
  font-size: 1.5rem;
  
  line-height: 1.2;
  text-transform: none;
}

.blog-post__content h6,
.blog-post__content .h6 {
  font-weight: 500; text-decoration: none; font-family: Poppins, sans-serif; font-style: normal;
  color: #212121;
  font-size: 1.25rem;
  
  line-height: 1.2;
  text-transform: none;
}

@media (max-width: 767px) {
  h1.blog-post__title {
    font-size: 2.5rem;
  }
  
  .blog-post__content {
    font-size: 16px;
  }

  .blog-post__content h1,
  .blog-post__content .h1 {
    font-size: 2.5rem;
  }

  .blog-post__content h2,
  .blog-post__content .h2 {
    font-size: 2rem;
  }

  .blog-post__content h3,
  .blog-post__content .h3 {
    font-size: 1.5rem;
  }

  .blog-post__content h4,
  .blog-post__content .h4 {
    font-size: 1.25rem;
  }

  .blog-post__content h5,
  .blog-post__content .h5 {
    font-size: 1.25rem;
  }

  .blog-post__content h6,
  .blog-post__content .h6 {
    font-size: 1.25rem;
  }
}

/* Guide */

.body-container--blog-post-guide .blog-post__header {
  background-color: 

  
  
    
  


  rgba(74, 0, 160, 1)

;
}

.body-container--blog-post-guide .blog-post__meta-item,
.body-container--blog-post-guide .blog-post__meta-item a,
.body-container--blog-post-guide .blog-post__meta-item a:hover,
.body-container--blog-post-guide .blog-post__meta-item a:focus,
.body-container--blog-post-guide .blog-post__meta-item a:active,
.body-container--blog-post-guide h1.blog-post__title,
.body-container--blog-post-guide .blog-post__author-byline,
.body-container--blog-post-guide a.blog-post__author-name,
.body-container--blog-post-guide a.blog-post__author-name:hover,
.body-container--blog-post-guide a.blog-post__author-name:focus,
.body-container--blog-post-guide a.blog-post__author-name:active {
  color: #FFFFFF;
}

.body-container--blog-post-guide .blog-post__meta-item:not(:last-child):after {
  background-color: #FFFFFF;
}

.blog-post__toc-wrapper {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  border-color: 

  
  
    
  


  rgba(234, 234, 234, 1)

;
}

.blog-post__toc a.toc-link,
.blog-post__toc a.toc-link:hover,
.blog-post__toc a.toc-link:focus,
.blog-post__toc a.toc-link:active {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
  color: #374151;/
}

.blog-post__toc .toc-list-item.is-active-li a.toc-link {
  background-color: 

  
  
    
  


  rgba(247, 247, 247, 1)

;
  color: #212121;
}





.hs-search-results__title {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #212121;
}





/* Accordiong / FAQs / Jobs */

.faqs__topic.is-active {
  border-left-color: #6A00E5;
  color: #212121;
}

.accordion__item {
  border-color: #DDDDDD;
}

.job__item {
  border-color: #EAEAEA;
}

.accordion__subtitle {
  color: #6A00E5;
}

.accordion__title {
  color: #212121;
}

.accordion__toggle:hover {
  background-color: #DDDDDD;
}

/* Blog Listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #212121;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000000;
}

.hs-blog-post-listing__post-title-link:active {
  color: #494949;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #374151;
}

/* Blog Pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #374151;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #0f1929;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #5f6979;
}

.hs-pagination__link-icon svg {
  fill: #374151;
}

/* Blog Tags */

.blog-tag__link.is-active {
  background-color: #6A00E5;
  color: #FFFFFF;
}

/* Checklist with Descriptions */

.checklist-block__title {
  color: #212121;
}

/* Checklist Table */

.checklist-table__wrapper {
  background-color: #FFFFFF;
}

/* Columns with Borders */

.col-with-borders .dnd-column {
  border-color: #EAEAEA;
}

/* Documents and Downloads (HubDB) */

table.docs tbody tr {
  border-bottom-color: #EAEAEA;
}

table.docs th {
  color: #212121;
}

table.docs td {
  color: #374151;
}

/* Features */

.feature__icon {
  background-color: #6A00E5;
}

/* Portfolio */

.portfolio-item {
  background-color: #FFFFFF;
  border-color: #EAEAEA;
}

/* Posts */

.post__inner {
  background-color: #FFFFFF;
  border-color: #EAEAEA;
}

.post__title,
.post__title a {
  color: #212121;
}

.post__tags {
  border-top-color: #EAEAEA;
}

.post__badge {
  background-color: #F8F2FF;
  border-color: #F0E5FC;
  color: #33006D;  
}

/* Pricing */

.pricing {
  border-color: #EAEAEA;
}

.pricing-card {
  border-color: #EAEAEA;
}

.pricing-card__badge {
  background-color: #F8F2FF;
  border-color: #F0E5FC;
  color: #33006D;
}

.pricing-card__price-price,
.pricing-card__price-currency {
  color: #212121;
}

.pricing-card__price-frequency {
  color: #A19F9F;
}

/* Products */

.product {
  background-color: #FFFFFF;
  border-color: #EAEAEA;
}

.product__wrapper:nth-of-type(1) .product__icon {
  background-color: #E4F7FA;
  border-color: #CBE5E8;
}

.product__wrapper:nth-of-type(1) .product__badge {
  background-color: #E4F7FA;
  border-color: #CBE5E8;
  color: #03626E;
}

.product__wrapper:nth-of-type(2) .product__icon {
  background-color: #F8F2FF;
  border-color: #F0E5FC;
}

.product__wrapper:nth-of-type(2) .product__badge {
  background-color: #F8F2FF;
  border-color: #F0E5FC;
  color: #6A00E5;
}

/* Section Header */

.section-header__badge {
  border-color: #F0E5FC;
  background-color: #F8F2FF;
  color: #33006D;
}

/* Section Shaper */

.section-shaper {
  background-color: #4A00A0;
}

/* Social Follow */

.social-links__icon {}

.social-links__icon:hover,
.social-links__icon:focus {}

.social-links__icon:active {
  font-family: 'Plus Jakarta Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #212121;
  font-size: 2.5rem;
}

.social-links__icon svg {
  fill: #374151;
}

.social-links__icon:hover svg,
.social-links__icon:focus svg,
.social-links__icon:active svg {
  fill: #212121;
}

/* Steps */

.step {
  border-color: #EAEAEA;
}

.step__number {
  background-color: #F8F2FF;
  color: #6A00E5;
}

/* Team Members */

.team-member {
  background-color: #FFFFFF;
  border-color: #EAEAEA;
}

/* Testimonial */

.testimonial__content,
.testimonial__content div,
.testimonial__content p {
  font-family: Poppins;
}

.testimonial__author-name {
  color: #212121;
}

/* Timeline */

.timeline-card {
  background-color: #FFFFFF;
  border-color: #EAEAEA;
}

.timeline-card__date {
  color: #6A00E5;
}

@media (min-width: 768px) {
  .timeline:after {
    background-color: #5900C0;
  }

  .timeline__card-wrapper:after {
    background-color: #FFFFFF;
    border-color: #6A00E5;
  }
}