@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.cdnfonts.com/css/sofia-pro');

* {
  font-family: 'Poppins', sans-serif;
  font-family: 'Sofia Pro', sans-serif;
}

  {
  % import './tools/_macros.css' %
}

  {
  ## Table of contents 1. Variables 1a. Containers 1b. Colors 1c. Typography 1d. Buttons 1e. Forms 1f. Tables 1g. Website header 1h. Website footer 2. Containers / Grid / DND areas 3. Typography 4. Buttons 5. Forms 6. Tables 7. Website header 8. Website footer 9. Blog 10. System pages 11. Modules ##
}

  {
  ###########################################################################
}

  {
  ############################ 1. Variables #############################
}

  {
  ###########################################################################
}

/* 1a. Containers */

  {
  % set container_width=theme.spacing.maximum_content_width~'px' %
}

  {
  % set dnd_section_padding=theme.spacing.vertical_spacing~'px '~'1rem' %
}

/* 1b. Colors */

  {
  % set primary_color=theme.global_colors.primary.color %
}

  {
  % set secondary_color=theme.global_colors.secondary.color %
}

/* 1c. Typography */

  {
  % set primary_font=theme.global_fonts.primary %
}

  {
  % set secondary_font=theme.global_fonts.secondary %
}

  {
  % set h1_font=theme.text.h1.font %
}

  {
  % set h1_text_transform=theme.text.h1.transform %
}

  {
  % set h2_font=theme.text.h2.font %
}

  {
  % set h2_text_transform=theme.text.h2.transform %
}

  {
  % set h3_font=theme.text.h3.font %
}

  {
  % set h3_text_transform=theme.text.h3.transform %
}

  {
  % set h4_font=theme.text.h4.font %
}

  {
  % set h4_text_transform=theme.text.h4.transform %
}

  {
  % set h5_font=theme.text.h5.font %
}

  {
  % set h5_text_transform=theme.text.h5.transform %
}

  {
  % set h6_font=theme.text.h6.font %
}

  {
  % set h6_text_transform=theme.text.h6.transform %
}

  {
  % set body_font=theme.text.body_font.font %
}

  {
  % set anchor_font=theme.text.links.font %
}

/* 1d. Buttons */

  {
  % set button_font=theme.buttons.text.font %
}

  {
  % set button_text_transform=theme.buttons.text.transform %
}

  {
  % set button_bg_color=color(theme.buttons.background.color) %
}

  {
  % set button_border=theme.buttons.border.border.css %
}

  {
  % set button_corner_radius=theme.buttons.corner.radius~'px' %
}

  {
  % set button_spacing=theme.buttons.spacing.spacing.css %
}

  {
  % set button_color_hover=color(theme.buttons.hover.text.color) %
}

  {
  % set button_background_hover=color(theme.buttons.hover.background.color) %
}

  {
  % set button_border_hover=theme.buttons.hover.border.border.css %
}

  {
  % set button_corner_radius_hover=theme.buttons.hover.corner.radius~'px' %
}

/* 1e. Forms */
  {
  % set form_bg_color=color(theme.forms.form.background.color) %
}

  {
  % set form_title_font=theme.forms.title.text.font %
}

  {
  % set form_title_bg_color=color(theme.forms.title.background.color) %
}

  {
  % set form_title_spacing=theme.forms.title.spacing.spacing.css %
}

  {
  % set form_title_border=theme.forms.title.border.border.css %
}

  {
  % set form_title_top_left_corner_radius=theme.forms.title.corner.top_left_radius~"px" %
}

  {
  % set form_title_top_right_corner_radius=theme.forms.title.corner.top_right_radius~"px" %
}

  {
  % set form_title_bottom_left_corner_radius=theme.forms.title.corner.bottom_left_radius~"px" %
}

  {
  % set form_title_bottom_right_corner_radius=theme.forms.title.corner.bottom_right_radius~"px" %
}


  {
  % set form_label_font_color=theme.forms.labels.text.color.color %
}

  {
  % set form_help_text_font_color=theme.forms.help_text.text.color.color %
}

  {
  % set form_field_placeholder_color=theme.forms.fields.placeholder.color.color %
}

  {
  % set form_field_font_color=theme.forms.fields.text.color.color %
}

  {
  % set form_field_bg_color=color(theme.forms.fields.background.color) %
}

  {
  % set form_field_border=theme.forms.fields.border.border.css %
}

  {
  % set form_field_corner_radius=theme.forms.fields.corner.radius~'px' %
}

  {
  % set form_bg_color=color(theme.forms.form.background.color) %
}

  {
  % set form_padding=theme.forms.form.spacing.spacing.css %
}

  {
  % set form_border=theme.forms.form.border.border.css %
}

  {
  % set form_top_left_corner_radius=theme.forms.form.corner.top_left_radius~"px" %
}

  {
  % set form_top_right_corner_radius=theme.forms.form.corner.top_right_radius~"px" %
}

  {
  % set form_bottom_left_corner_radius=theme.forms.form.corner.bottom_left_radius~"px" %
}

  {
  % set form_bottom_right_corner_radius=theme.forms.form.corner.bottom_right_radius~"px" %
}


  {
  % set form_submit_button_font=theme.forms.button.text.font %
}

  {
  % set form_submit_button_bg_color=color(theme.forms.button.background.color) %
}

  {
  % set form_submit_button_border=theme.forms.button.border.border.css %
}

  {
  % set form_submit_button_spacing=theme.forms.button.spacing.spacing.css %
}

  {
  % set form_submit_button_bg_color_hover=color(theme.forms.button.hover.background.color) %
}

  {
  % set form_submit_button_border_hover=theme.forms.button.hover.border.border.css %
}

  {
  % set form_submit_button_color_hover=theme.forms.button.hover.text.color.color %
}


/* 1f. Tables */

  {
  % set table_head_bg_color=color(theme.tables.header.background.color) %
}

  {
  % set table_head_font_color=theme.tables.header.text.color.color %
}

  {
  % set table_bg_color=color(theme.tables.table_body.background.color) %
}

  {
  % set table_font_color=theme.tables.table_body.text.color.color %
}

  {
  % set table_footer_bg_color=color(theme.tables.footer.background.color) %
}

  {
  % set table_footer_font_color=theme.tables.footer.text.color.color %
}

  {
  % set table_cell_spacing=theme.tables.cells.spacing.spacing.css %
}

  {
  % set table_border=theme.tables.cells.border.border.css %
}

/* 1g. Website header */

  {
  % set nav_font_color=theme.header.menu.text.color.color %
}

  {
  % set nav_drop_down_font_color=theme.header.menu.drop_downs.text.color.color %
}

  {
  % set nav_drop_down_bg_color=color(theme.header.menu.drop_downs.background.color) %
}

  {
  % set nav_drop_down_border=theme.header.menu.drop_downs.border.border.css %
}

  {
  % set header_bg_color=color(theme.header.background.color) %
}

/* 1h. Website footer */

  {
  % set footer_bg_color=color(theme.footer.background.color) %
}

  {
  % set footer_font_color=theme.footer.text.color.color %
}

  {
  ###########################################################################
}

  {
  ################## 2. Containers / Grid / DND areas ###################
}

  {
  ###########################################################################
}

.content-wrapper {
  max-width: 1056px;
  padding: 0 20px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: {
      {
      dnd_section_padding
    }
  }

  ;
}

.dnd-section>.row-fluid {
  max-width: {
      {
      container_width
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ########################### 3. Typography #############################
}

  {
  ###########################################################################
}

html {
  font-size: {
      {
      body_font.size~body_font.size_unit
    }
  }

  ;
}

body {
    {
      {
      body_font.style
    }
  }

  ;

  color: {
      {
      body_font.color
    }
  }

  ;

  font-size: {
      {
      body_font.size~body_font.size_unit
    }
  }

  ;
}

/* Paragraphs */

p {
    {
      {
      body_font.style
    }
  }

  ;
}

/* Anchors */

a {
    {
      {
      anchor_font.style
    }
  }

  ;

  color: {
      {
      anchor_font.color
    }
  }

  ;
}

a:hover,
a:focus {
    {
      {
      anchor_font.style
    }
  }

  ;

  color: {
      {
      color_variant(anchor_font.color, -40)
    }
  }

  ;
}

a:active {
    {
      {
      anchor_font.style
    }
  }

  ;

  color: {
      {
      color_variant(anchor_font.color, 40)
    }
  }

  ;
}

/* Headings */

h1,
.h1 {
    {
      {
      h1_font.style
    }
  }

  ;

  color: {
      {
      h1_font.color
    }
  }

  ;

  font-size: {
      {
      h1_font.size~h1_font.size_unit
    }
  }

  ;

  text-transform: {
      {
      h1_text_transform
    }
  }

  ;
}

h2,
.h2 {
    {
      {
      h2_font.style
    }
  }

  ;

  color: {
      {
      h2_font.color
    }
  }

  ;

  font-size: {
      {
      h2_font.size~h2_font.size_unit
    }
  }

  ;

  text-transform: {
      {
      h2_text_transform
    }
  }

  ;
}

h3,
.h3 {
    {
      {
      h3_font.style
    }
  }

  ;

  color: {
      {
      h3_font.color
    }
  }

  ;

  font-size: {
      {
      h3_font.size~h3_font.size_unit
    }
  }

  ;

  text-transform: {
      {
      h3_text_transform
    }
  }

  ;
}

h4,
.h4 {
    {
      {
      h4_font.style
    }
  }

  ;

  color: {
      {
      h4_font.color
    }
  }

  ;

  font-size: {
      {
      h4_font.size~h4_font.size_unit
    }
  }

  ;

  text-transform: {
      {
      h4_text_transform
    }
  }

  ;
}

h5,
.h5 {
    {
      {
      h5_font.style
    }
  }

  ;

  color: {
      {
      h5_font.color
    }
  }

  ;

  font-size: {
      {
      h5_font.size~h5_font.size_unit
    }
  }

  ;

  text-transform: {
      {
      h5_text_transform
    }
  }

  ;
}

h6,
.h6 {
    {
      {
      h6_font.style
    }
  }

  ;

  color: {
      {
      h6_font.color
    }
  }

  ;

  font-size: {
      {
      h6_font.size~h6_font.size_unit
    }
  }

  ;

  text-transform: {
      {
      h6_text_transform
    }
  }

  ;
}

/* Blockquote */

blockquote {
  border-left-color: {
      {
      secondary_color
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ############################ 4. Buttons ###############################
}

  {
  ###########################################################################
}

button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
    {
      {
      button_border
    }
  }

    {
      {
      button_spacing
    }
  }

    {
      {
      button_font.style
    }
  }

  ;

  background-color: {
      {
      button_bg_color
    }
  }

  ;

  border-radius: {
      {
      button_corner_radius
    }
  }

  ;

  color: {
      {
      button_font.color
    }
  }

  ;

  font-size: {
      {
      button_font.size~button_font.size_unit
    }
  }

  ;

  text-transform: {
      {
      button_text_transform
    }
  }

  ;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
    {
      {
      button_border_hover
    }
  }

  ;

  color: {
      {
      button_color_hover
    }
  }

  ;

  background-color: {
      {
      button_background_hover
    }
  }

  ;

  border-radius: {
      {
      button_corner_radius_hover
    }
  }

  ;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
    {
      {
      button_font.style
    }
  }

  ;

  background-color: rgba({
      {
      color_variant(theme.buttons.background.color.color, 40)|convert_rgb
    }
  }

  , {
    {
    theme.buttons.background.color.opacity / 100
  }
});

border-color: {
    {
    color_variant(theme.buttons.border.border.top.color, 40)
  }
}

;
}

  {
  ###########################################################################
}

  {
  ############################## 5. Forms ###############################
}

  {
  ###########################################################################
}

form,
.submitted-message {
    {
      {
      body_font.style
    }
  }

  ;

    {
      {
      form_border
    }
  }

  ;

  border-top-left-radius: {
      {
      form_top_left_corner_radius
    }
  }

  ;

  border-top-right-radius: {
      {
      form_top_right_corner_radius
    }
  }

  ;

  border-bottom-left-radius: {
      {
      form_bottom_left_corner_radius
    }
  }

  ;

  border-bottom-right-radius: {
      {
      form_bottom_right_corner_radius
    }
  }

  ;

  background-color: {
      {
      form_bg_color
    }
  }

  ;

    {
      {
      form_padding
    }
  }

  ;
}

/* Form title */

.form-title {
    {
      {
      form_title_border
    }
  }

  ;

    {
      {
      form_title_spacing
    }
  }

  ;

    {
      {
      form_title_font.style
    }
  }

  ;

  border-top-left-radius: {
      {
      form_title_top_left_corner_radius
    }
  }

  ;

  border-top-right-radius: {
      {
      form_title_top_right_corner_radius
    }
  }

  ;

  border-bottom-left-radius: {
      {
      form_title_bottom_left_corner_radius
    }
  }

  ;

  border-bottom-right-radius: {
      {
      form_title_bottom_right_corner_radius
    }
  }

  ;

  font-size: {
      {
      form_title_font.size~form_title_font.size_unit
    }
  }

  ;

  color: {
      {
      form_title_font.color
    }
  }

  ;

  background-color: {
      {
      form_title_bg_color
    }
  }

  ;
}


/* Labels */

form label {
  color: {
      {
      form_label_font_color
    }
  }

  ;
}

/* Help text */

form legend {
  color: {
      {
      form_help_text_font_color
    }
  }

  ;
}

/* 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 {
    {
      {
      form_field_border
    }
  }

  background-color: {
      {
      form_field_bg_color
    }
  }

  ;

  color: {
      {
      form_field_font_color
    }
  }

  ;

  border-radius: {
      {
      form_field_corner_radius
    }
  }

  ;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

::-moz-placeholder {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

:-ms-input-placeholder {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

::placeholder {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: {
      {
      form_field_placeholder_color
    }
  }

  ;
}

.fn-date-picker td.is-selected .pika-button {
  background: {
      {
      primary_color
    }
  }

  ;
}

.fn-date-picker td .pika-button:hover {
  background-color: {
      {
      primary_color
    }
  }

  !important;
}

.fn-date-picker td.is-today .pika-button {
  color: {
      {
      primary_color
    }
  }

  ;
}

/* Submit button */

form input[type=submit],
form .hs-button {
    {
      {
      form_submit_button_border
    }
  }

  ;

    {
      {
      form_submit_button_spacing
    }
  }

  ;

    {
      {
      form_submit_button_font.style
    }
  }

  ;

  color: {
      {
      form_submit_button_font.color
    }
  }

  ;

  font-size: {
      {
      form_submit_button_font.size~form_submit_button_font.size_unit
    }
  }

  ;

  background-color: {
      {
      form_submit_button_bg_color
    }
  }

  ;

  border-radius: {
      {
      button_corner_radius
    }
  }

  ;

  text-transform: {
      {
      button_text_transform
    }
  }

  ;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: {
      {
      form_submit_button_bg_color_hover
    }
  }

  ;

  color: {
      {
      form_submit_button_color_hover
    }
  }

  ;

    {
      {
      form_submit_button_border_hover
    }
  }

  ;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba({
      {
      color_variant(theme.buttons.background.color.color, 40)|convert_rgb
    }
  }

  , {
    {
    theme.buttons.background.color.opacity / 100
  }
});

border-color: {
    {
    color_variant(theme.buttons.border.border.top.color, 40)
  }
}

;
}

  {
  ###########################################################################
}

  {
  ############################# 6. Tables ###############################
}

  {
  ###########################################################################
}

/* Table */

table {
    {
      {
      table_border
    }
  }

  background-color: {
      {
      table_bg_color
    }
  }

  ;
}

/* Table cells */

td,
th {
    {
      {
      table_border
    }
  }

    {
      {
      table_cell_spacing
    }
  }

  color: {
      {
      table_font_color
    }
  }

  ;
}

/* Table header */

thead th {
  background-color: {
      {
      table_head_bg_color
    }
  }

  ;

  color: {
      {
      table_head_font_color
    }
  }

  ;
}

/* Table footer */

tfoot td {
  background-color: {
      {
      table_footer_bg_color
    }
  }

  ;

  color: {
      {
      table_footer_font_color
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ########################### 7. Website header #########################
}

  {
  ###########################################################################
}

.header {
  background-color: {
      {
      header_bg_color
    }
  }

  ;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: {
      {
      nav_font_color
    }
  }

  ;

  font-family: {
      {
      body_font.font
    }
  }

  ;
}

.menu__child-toggle-icon {
  border-top-color: {
      {
      nav_font_color
    }
  }

  ;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: {
      {
      color_variant(nav_font_color, -40)
    }
  }

  ;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: {
      {
      color_variant(nav_font_color, -40)
    }
  }

  ;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: {
      {
      color_variant(nav_font_color, 40)
    }
  }

  ;
}

.menu__child-toggle-icon:active {
  border-top-color: {
      {
      color_variant(nav_font_color, 40)
    }
  }

  ;
}

.menu .menu__item--depth-1>.menu__link--active-link:after {
  background-color: {
      {
      nav_font_color
    }
  }

  ;
}

@media (min-width: 767px) {

  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
      {
        {
        nav_drop_down_border
      }
    }

    background-color: {
        {
        nav_drop_down_bg_color
      }
    }

    ;
  }

  .menu__submenu--level-2>.menu__item:first-child:before {
      {
        {
        nav_drop_down_border
      }
    }

    background-color: {
        {
        nav_drop_down_bg_color
      }
    }

    ;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: {
      {
      nav_drop_down_font_color
    }
  }

  ;

  background-color: {
      {
      nav_drop_down_bg_color
    }
  }

  ;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: {
      {
      theme.header.menu.drop_downs.border.border.top.color
    }
  }

  ;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2>.menu__item:first-child:hover:before,
.menu__submenu--level-2>.menu__item:first-child.focus:before {
  background-color: {
      {
      header_bg_color
    }
  }

  ;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: {
      {
      header_bg_color
    }
  }

  ;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: {
      {
      body_font.font
    }
  }

  ;
}

.header__language-switcher-label-current:after {
  border-top-color: {
      {
      nav_font_color
    }
  }

  ;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: {
        {
        header_bg_color
      }
    }

    ;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: {
        {
        nav_font_color
      }
    }

    ;
  }
}

  {
  ###########################################################################
}

  {
  ########################### 8. Website footer #########################
}

  {
  ###########################################################################
}

.footer {
  background-color: {
      {
      footer_bg_color
    }
  }

  ;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: {
      {
      footer_font_color
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ############################## 9. Blog ################################
}

  {
  ###########################################################################
}

.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: {
      {
      theme.spacing.vertical_spacing~'px'
    }
  }

  0;
}

/* Blog post */

.blog-post__meta a {
  color: {
      {
      body_font.color
    }
  }

  ;
}

.blog-post__tag-link {
  color: {
      {
      body_font.color
    }
  }

  ;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: {
      {
      color_variant(body_font.color, -40)
    }
  }

  ;
}

.blog-post__tag-link:active {
  color: {
      {
      color_variant(body_font.color, 40)
    }
  }

  ;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
    {
      {
      h2_font.style
    }
  }

  ;

  text-transform: {
      {
      h2_text_transform
    }
  }

  ;
}

.blog-related-posts__title-link {
  color: {
      {
      h2_font.color
    }
  }

  ;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: {
      {
      color_variant(h2_font.color, -40)
    }
  }

  ;
}

.blog-related-posts__title-link:active {
  color: {
      {
      color_variant(h2_font.color, 40)
    }
  }

  ;
}

/* Blog comments */

.blog-comments {
  margin-bottom: {
      {
      theme.spacing.vertical_spacing
    }
  }

  px;
}

#comments-listing .comment-reply-to {
  color: {
      {
      anchor_font.color
    }
  }

  ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: {
      {
      color_variant(anchor_font.color, -40)
    }
  }

  ;
}

#comments-listing .comment-reply-to:active {
  color: {
      {
      color_variant(anchor_font.color, 40)
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ########################## 10. System pages ###########################
}

  {
  ###########################################################################
}

.hs-search-results__title {
    {
      {
      h1_font.style
    }
  }

  ;

  color: {
      {
      h1_font.color
    }
  }

  ;
}

  {
  ###########################################################################
}

  {
  ############################ 11. Modules ##############################
}

  {
  ###########################################################################
}

/* 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 {
    {
      {
      h2_font.style
    }
  }

  ;

  text-transform: {
      {
      h2_text_transform
    }
  }

  ;
}

.hs-blog-post-listing__post-title-link {
  color: {
      {
      h2_font.color
    }
  }

  ;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: {
      {
      color_variant(h2_font.color, -40)
    }
  }

  ;
}

.hs-blog-post-listing__post-title-link:active {
  color: {
      {
      color_variant(h2_font.color, 40)
    }
  }

  ;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: {
      {
      body_font.color
    }
  }

  ;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: {
      {
      body_font.color
    }
  }

  ;
}

.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: {
      {
      color_variant(body_font.color, -40)
    }
  }

  ;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: {
      {
      color_variant(body_font.color, 40)
    }
  }

  ;
}

.hs-pagination__link-icon svg {
  fill: {
      {
      body_font.color
    }
  }

  ;
}

/* Pricing card */

.card__price {
    {
      {
      h3_font.style
    }
  }

  ;

  color: {
      {
      h3_font.color
    }
  }

  ;

  font-size: {
      {
      h3_font.size~h3_font.size_unit
    }
  }

  ;
}

.card__body svg {
  fill: {
      {
      primary_color
    }
  }

  ;
}

/* Social follow */

.social-links__icon {
  background-color: {
      {
      primary_color
    }
  }

  ;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: {
      {
      color_variant(primary_color, -40)
    }
  }

  ;
}

.social-links__icon:active {
  background-color: {
      {
      color_variant(primary_color, 40)
    }
  }

  ;

    {
      {
      h3_font.style
    }
  }

  ;

  color: {
      {
      h3_font.color
    }
  }

  ;

  font-size: {
      {
      h3_font.size~h3_font.size_unit
    }
  }

  ;
}


.header__logo {
  margin: 0 !important;
}

[data-form-id="48bd5b54-d446-4c06-afc7-406f73195a79"] {
  padding: 40px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 4px 16px 0px rgba(31, 32, 35, 0.08);
  max-width: 348px;
  margin: 0 auto;
}

[data-form-id="48bd5b54-d446-4c06-afc7-406f73195a79"].hs-form input.hs-input,
[data-form-id="48bd5b54-d446-4c06-afc7-406f73195a79"].hs-form input.hs-button {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.16px;
  width: 100%;
}

[data-form-id="48bd5b54-d446-4c06-afc7-406f73195a79"].hs-form input.hs-input {
  height: 40px !important;
  min-height: unset;
  background: transparent;
  color: #606876;
}

[data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  position: relative;
}

form label {
  display: none;
}

.hs-error-msgs label {
  display: unset;
}

.submitted-message {
  padding: 12px 24px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.18px;
  color: #606876;
  border-radius: 4px;
  border: 1px solid #C7E0FF;
  background: #F5FAFF;
  margin-bottom: 20px;
}

.submitted-message.hs-form-48bd5b54-d446-4c06-afc7-406f73195a79 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 4px 16px 0px rgba(31, 32, 35, 0.08);
  border: none;
  max-width: 348px;
  padding-top: 72px;
  padding-right: 24px;
  padding-bottom: 40px;
  padding-left: 24px;
  margin: 0 auto;
}

.submitted-message.hs-form-48bd5b54-d446-4c06-afc7-406f73195a79 p {
  margin-bottom: 80px;
}

.submitted-message p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.18px;
  margin-bottom: 10px;
}


.download-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20opacity%3D%220.4%22%20d%3D%22M27.3583%2015V6.66667C27.3583%205.74667%2026.6116%205%2025.6916%205H15.6916C14.7716%205%2014.025%205.74667%2014.025%206.66667V15H9.98646C8.49313%2015%207.76824%2016.8233%208.85324%2017.8483L19.3114%2027.7284C20.1647%2028.535%2021.5017%2028.535%2022.355%2027.7284L32.8132%2017.8483C33.8982%2016.8233%2033.1733%2015%2031.68%2015H27.3583Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20d%3D%22M32.5%2036.25H9.16669C8.47669%2036.25%207.91669%2035.69%207.91669%2035C7.91669%2034.31%208.47669%2033.75%209.16669%2033.75H32.5C33.19%2033.75%2033.75%2034.31%2033.75%2035C33.75%2035.69%2033.19%2036.25%2032.5%2036.25Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
}

a.download-btn {
  border-radius: 4px;
  border: 1px solid var(--primary-regular, #0073FF);
  background: var(--primary-regular, #0073FF);
  color: #FFF;
  text-decoration: none;
  padding: 8px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.16px;
}

a {
  color: #0073FF;
  text-decoration: none;
}

body,
p {
  /* Body */
  font-size: 20px;
  font-family: "Sofia Pro";
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.2px;

}

.p-medium {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.18px;
  color: #1F2023;
}

p {
  color: #606876;
}

.watch-time {
  display: flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  margin-bottom: 0px;
  position: relative;
  font-size: 14px;
  font-family: Sofia Pro;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}

.watch-time::before {
  content: "";
  width: 20px;
  height: 20px;

  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20opacity%3D%220.4%22%20d%3D%22M9.99996%2018.4562C14.6023%2018.4562%2018.3333%2014.7253%2018.3333%2010.1229C18.3333%205.52054%2014.6023%201.78958%209.99996%201.78958C5.39759%201.78958%201.66663%205.52054%201.66663%2010.1229C1.66663%2014.7253%205.39759%2018.4562%209.99996%2018.4562Z%22%20fill%3D%22%238E939B%22%3E%3C%2Fpath%3E%20%3Cpath%20d%3D%22M12.5%2013.2479C12.34%2013.2479%2012.18%2013.1871%2012.0583%2013.0646L9.55831%2010.5646C9.44081%2010.4471%209.375%2010.2879%209.375%2010.1229V5.95624C9.375%205.61124%209.655%205.33124%2010%205.33124C10.345%205.33124%2010.625%205.61124%2010.625%205.95624V9.86371L12.9417%2012.1804C13.1859%2012.4246%2013.1859%2012.8204%2012.9417%2013.0646C12.82%2013.1871%2012.66%2013.2479%2012.5%2013.2479Z%22%20fill%3D%22%238E939B%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
}

h1 {
  font-size: 48px;
  font-family: Sofia Pro;
  font-style: normal;
  font-weight: 600;
  line-height: 57px;
  letter-spacing: -2.4px;
}

h2 {}

h3 {
  font-size: 40px;
  font-family: Sofia Pro;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -2px;
}

.section-title {
  color: #1F2023;
  font-family: Sofia Pro;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -2px;
  margin-bottom: 32px;
}

li {
  font-size: 16px;
  font-family: Sofia Pro;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.16px;
  margin-bottom: 14px;
  color: #606876;
}

.li::marker {
  content: ;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_9619_282690)%22%3E%0A%3Cpath%20d%3D%22M13.3337%205.6665L6.00033%2012.9998L2.66699%209.6665%22%20stroke%3D%22%2316171A%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_9619_282690%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
}

.pill {
  background: #EAF4FF;
  height: 28px;
  color: #0073FF;
  display: flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  width: fit-content;
  font-size: 14px;
  border-radius: 40px;
  margin: 0 auto;
}

ul {
  list-style: none;
  padding-left: 30px;
}

.hero-list li {
  margin-bottom: 8px;
}

ul,
li:last-child,
.m-0 {
  margin: 0;
}

.gap-16 {
  gap: 16px;
}

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}


a.hs-button {
  display: flex;
  padding: 9px 24px;
  align-items: center;
  gap: 12px;
  background: #0073FF;
  color: #FFF;
  border-radius: 8px;
  text-decoration: none;
}

a.hs-button::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_9619_282787)%22%3E%0A%3Cpath%20d%3D%22M5%2013H16.17L11.29%2017.88C10.9%2018.27%2010.9%2018.91%2011.29%2019.3C11.68%2019.69%2012.31%2019.69%2012.7%2019.3L19.29%2012.71C19.68%2012.32%2019.68%2011.69%2019.29%2011.3L12.71%204.69997C12.32%204.30997%2011.69%204.30997%2011.3%204.69997C10.91%205.08997%2010.91%205.71997%2011.3%206.10997L16.17%2011H5C4.45%2011%204%2011.45%204%2012C4%2012.55%204.45%2013%205%2013Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_9619_282787%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
}

.row-depth-1 .row-fluid {
  /* max-width: 1056px !important; */
  margin: auto;
}

input.hs-button {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  padding: 9px 24px;
  background: #0073FF;
  color: #FFF;
  border-radius: 8px;
  border: none;

}

.hs-form input.hs-input {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  padding: 9px 16px !important;
  min-height: 48px;
  border: 1px solid;
  min-width: 262px;
  border-radius: 8px;
  border: 1px solid #D5DCE9;
  background: #F9FAFB;
  outline: none;
}

.landing-title {
  color: #16171A;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 57px;
  letter-spacing: -2.4px;
  margin-bottom: 4px;
}

.landing-sub-title {
  color: #1F2023;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.66px;
  margin-bottom: 16px;
}

.landing-description {
  color: #606876;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.18px;
}

.blue-pill {
  color: var(--Primary, #0073FF);
  font-family: Sofia Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.14px;
  text-transform: uppercase;
  width: fit-content;
  padding: 6px 14px;
  border-radius: 40px;
  background: #EAF4FF;
  margin-bottom: 20px;
}

.list-desc {
  list-style: none;
  padding: 0;
}

.list-desc li {
  position: relative;
  margin-bottom: 24px;
  padding-left: 36px;
}

.list-desc li::before {
  content: '';
  position: absolute;
  left: 0;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.00002%2018.5C8.99902%2018.5%208.99802%2018.5%208.99602%2018.5C8.72902%2018.499%208.47502%2018.392%208.28802%2018.202L4.28802%2014.14C3.90002%2013.746%203.90503%2013.113%204.29903%2012.726C4.69303%2012.339%205.32502%2012.343%205.71302%2012.737L9.00602%2016.081L18.294%206.79398C18.685%206.40298%2019.317%206.40298%2019.708%206.79398C20.099%207.18398%2020.099%207.81798%2019.708%208.20798L9.70801%2018.208C9.52001%2018.395%209.26502%2018.5%209.00002%2018.5Z%22%20fill%3D%22%2300BB4B%22%2F%3E%0A%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.list-desc.circle-tick li::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20opacity%3D%220.2%22%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2017.5228%206.47715%2022%2012%2022Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3Cpath%20d%3D%22M10.833%2015.083C10.641%2015.083%2010.449%2015.01%2010.303%2014.863L7.96999%2012.5301C7.67699%2012.2371%207.67699%2011.762%207.96999%2011.469C8.26299%2011.176%208.738%2011.176%209.031%2011.469L10.834%2013.272L14.97%209.13601C15.263%208.84301%2015.738%208.84301%2016.031%209.13601C16.324%209.42901%2016.324%209.90405%2016.031%2010.197L11.364%2014.864C11.217%2015.01%2011.025%2015.083%2010.833%2015.083Z%22%20fill%3D%22%230073FF%22%2F%3E%0A%3C%2Fsvg%3E");
  background-position: center;
  background-size: contain;
}

.testimonial {
  background: #0073FF;
  border-radius: 20px;
  padding: 24px 32px;
  background-image: url('https://landing.getjones.com/hubfs/coi-bg-desk.png');
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 40px;
  min-height: 320px;
  padding-bottom: 40px;
}

.testimonial p {
  color: #FFF;
  margin-bottom: 0;
}

.user-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.user-details {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.testimonial p.testimonial-text {
  max-width: 548px;
  font-size: 22px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.22px;
}

.testimonial p.user-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.18px;
}

.testimonial p.user-position {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.16px;
}

.hs-video-wrapper {
  border-radius: 10px;
  overflow: hidden;
}

img.mobile-show {
  display: none;
}

.footer-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #606876;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.18px;
  padding-left: 32px;
  padding-right: 32px;
}

.footer-content-wrapper a {
  text-decoration: none;
  color: #606876;
}

.footer-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta.text-center {
  border-radius: 15px;
  background-color: #005dce;
  background-image: url('https://landing.getjones.com/hubfs/full-bleed-img.png');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 88px 64px;
}

.cta {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cta-title {
  color: #FFF;
  text-align: center;
  font-family: Sofia Pro;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: -0.96px;
  margin-bottom: 7px;
}

.cta-desc {
  color: #FFF;
  font-family: Sofia Pro;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.16px;
  margin-bottom: 32px;
  text-align: center;
}

.cta a {
  color: #FFF;
  padding: 11px 24px;
  border-radius: 8px;
  background: #0073FF;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.16px;
  text-decoration: none;
}


.footer {
  background-color: rgba(249, 250, 251, 1) !important;
}

.jones-header #hs_cos_wrapper_site_logo.widget-type-logo {
  margin-top: 40px !important;
}

form .hs-richtext p {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #1F2023;
  letter-spacing: -0.6px;
}

.jones-clients-wrapper {
  max-width: 1056px;
  margin: auto;
  overflow: hidden;
}

.jones-clients-wrapper p {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.48px;
  color: #1F2023;
  margin-bottom: 26px;
}

.jones-clients {
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: space-between;
}

.jones-clients img {
  max-width: 100%;
  height: auto;
  /* Adjust the spacing between images */
}

.dnd_area-row-0-background-image.dnd-section {
  background-image: unset !important;
  background-position: 70% !important;
  position: relative;
}

.dnd_area-row-0-background-image.dnd-section>.row-fluid:first-of-type::after {
  content: '';
  position: absolute;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  background-image: url(https://landing.getjones.com/hubfs/gradient-bg.png);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

[data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] .hs-submit input {
  white-space: nowrap !important;
}

[data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] .hs-email .input input[type="email"] {
  padding-right: 16px !important;
}

/* media queiry for mobile device */
@media (max-width: 767px) {

  .jones-clients {
    display: flex;
    white-space: nowrap;
    width: 100%;
    min-width: 880px;
    animation: scroll 15s linear infinite;
  }

  .jones-clients img {
    max-width: 100%;
    height: auto;
    margin-right: 20px;
    /* Adjust the spacing between images */
  }

  @keyframes scroll {
    0% {
      transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  [data-form-id="48bd5b54-d446-4c06-afc7-406f73195a79"] {
    max-width: unset;
  }

  /* .cell_16980666958546-background-image */

  .cell_1698894167608-background-image.dnd-column {
    background-image: url('https://landing.getjones.com/hubfs/gradient-bg-mb.png') !important;
    background-size: 100% 150% !important;
    background-position: top !important;
  }

  .dnd_area-row-0-background-image.dnd-section,
  .dnd_area-row-0-background-image.dnd-section>.row-fluid:first-of-type::after {
    background-image: unset !important;
  }

  .cta.text-center {
    background-image: url('https://landing.getjones.com/hubfs/full-bleed-img-mb.png');
    padding: 104px 36px 90px;
  }

  .section-title {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
  }

  .cta-title {
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.78px;
  }

  .cta a {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.18px;
  }

  .jones-header #hs_cos_wrapper_site_logo.widget-type-logo {
    margin-top: 23px !important;
    margin-bottom: 15px !important;

  }

  form .hs-richtext p {
    line-height: 32px;
    /* 160% */
    letter-spacing: -0.2px;
  }

  [data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] {
    gap: 0;
  }

  [data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] .hs-email {
    flex: 1 auto;
  }

  [data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] .hs-submit input {
    padding: 9px 16px !important;
    white-space: revert !important;
  }

  [data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] .hs-email .input input[type="email"] {
    padding-right: 156px !important;
    min-width: unset !important;
  }

  [data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] .hs-email .input {
    position: relative;
  }

  [data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] .hs-email .input::after {
    /* content: ''; */
    width: 15px;
    height: 100%;
    background: #F9FAFB;
    border: 1px solid #D5DCE9;
    border-left: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    z-index: -1;
  }

  [data-form-id="8dc567ea-a9e3-468d-9643-8887b8dbbe17"] .hs-submit {
    position: absolute;
    right: 0;
  }

  .footer-content-wrapper {
    flex-direction: column;
    gap: 12px;
  }

  .footer-center {
    order: 0;
  }

  .footer-left {
    order: 1;
  }

  .footer-right {
    order: 2;
  }

  .footer-text,
  .footer-text.last {
    text-align: center;
  }

  .landing-title {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.96px;
  }

  .landing-sub-title {
    letter-spacing: -0.22px;
  }

  /* .row-fluid .dnd_area-row-0-padding {
    padding-bottom: 48px !important;
  } */

  .list-desc li {
    margin-bottom: 16px;
  }

  .testimonial {
    background-image: url('https://4636306.fs1.hubspotusercontent-na1.net/hubfs/4636306/bg-mobile.png');
    background-position: bottom;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }

  .user-wrapper {
    order: 3;
  }

  .testimonial p.testimonial-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.2px;
  }

  img.mobile-show {
    display: block;
  }

  img.desktop-show {
    display: none;
  }
}